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WEB TECHNOLOGY LAB 


Syllabi 
BLOCK 1 
1. Simple tables 
2; Complex tables 
3. Lists 
4. Alignment properties 
3; Resizing property 
6. Forms 
Ta Internal style sheet using frame. 
8. External style sheet 
9. Inline style sheet 
10. Javascript code to validate the user input form 
11. Javascript to print the string for the number input 
12. Javascript to display a dynamic html page. 
BLOCK 2 
13. Dhtml code with javascript to define a user defined function for sorting the values 
in an array. 
14. Dhtml code with javascript to display the calendar 
15. Xml file: display the book information 
16. Java Beans 
17. Javabean program in Web Application 
BLOCK 3 
18. Servlet program with Execution procedure 
19. Server side program: send email 
20. Session handling 
21. Cookies:getting and setting 
BLOCK 4 
21. Simple JSP 
22. JSP program with jdbc: Registration form 
23. Develop an application for JSP: JSP -servlet communication 
BLOCK 5 
24. Database connectivity using mysql(CURD operation) without interface 
25. Database programming using JDBC(create, read,update, delete) 
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Web Technology 
Introduction 


Web development involves the construction of both dynamic and static 
webpages using different languages. For designing web pages the 
languages such as HTML, DHTML, CSS, and scripting languages are 
used. For advanced and interactive web content especially business and 
commercial web applications the languages like Java, JSP and databases 
can be used. This material contains the practical exercises for basic and 
advances web development which covers Html tags, core java concepts 
along with scripting and JDBC. 


The following excercise shows the demo for Html program in 
windows environment. 


Step 1: Click the Start Button to pop up the menu 


е Google Chrome 


(2 Microsoft Office Word 2007 
Click on the 
Notepad Icon 


= Pictures 
Zp Paint 


^ Music 
= VLC media player › 


Step 3: Write the code into the text editor and save the file with .html Lab : Web 
extension Technology Lab 


NOTES 


Не Edit Format View Help 


<TD>Accessing database with ASP & ADO</TD> 

«TD» «center» 20«/TD» 

«TD» «center» 4«/TD» 

SID-xcentar-4s/ TD» —— I Tyre the code 
<TD><center>6</TD> into the editor 
<TD><center>14</TD> 


— 
CQ > Libraries » Documents » Search Documents 


р 
Organize» Мем folder нк” 9 
ЖС Favorites Documents library Arrange by: Folder * 
Includes: 2 locations 


Name Ы Date modified Type 
Ë PlagiarismCheckerX 9/16/20199:23PM — File folder 


и Save the file 
- with .html 


extension 


Step 4: Double click on the file to view the output through web browser 


Output will be displayed on the web browser 


€ > С Q File | C/Users/Desktop/Program96201.html 


Specification Table with Hours and Marks 


Өр w | | | Distribution of Theory Marks | 
Сай No. Unit Title Teaching Hours RI [ULever[A Level] MENS 
[ m |BasicsofHTML&CSS |26 [o [ 2] 
ш — [Active Server Pages 3.0 [6 [4 [8] 
У |А5Р Objects & Components [ 20 4 [ 4 
Total 


Self — Instructional 
Material 


Lab : Web 
Technology Lab 


NOTES 
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Material 


1. Write the html code to display a simple table 
Simple table.html 

<html> 

<body> 

<TABLE BORDER=" 1" CELLPADDING="2"> 


<CAPTION ALIGN="Top"><b>Specification Table with Hours and 
Marks<CAPTION> 


<TR> 

<TH ROWSPAN="2">Unit No.</TH> 

<TH ROWSPAN="2"> Unit Title</TH> 

<TH ROWSPAN="2">Teaching Hours</TH> 
<TH Colspan="4"> Distribution of Theory Marks</TH> 
</TR> 

<TR> 

<TD>R Level </TD> 

<TD>U Level </TD> 

<TD>A Level </TD> 

<TD>Total Marks </TD> 

</TR> 

<TR> 

<TD> <center>I </TD> 

<TD> Introduction to Internet Technology</TD> 
<TD> <center> 12</TD> 

<TD> <center>4</TD> 

<TD> <center>4</TD> 

<TD> <center>0</TD> 

<TD> «center? 8«/TD» 


</TR> 


<TR> 

<TD> <center>II </TD> 
<TD>Basics of HTML & CSS</TD> 
<TD><center>16</TD> 
<TD><center>0</TD> 
<TD><center>2</TD> 
<TD><center>6</TD> 
<TD><center>8</TD> 

</TR> 

<TR> 

<TD> <center>III </TD> 

<TD> Active Server Pages 3.0</TD> 
<TD> <center> 16</TD> 

<TD> <center>4</TD> 

<TD> <center>8</TD> 

<TD> <center>0</TD> 

<TD> <center> 12</TD> 

</TR> 

<TR> 


<TD> <center>IV </TD> 


<TD>Server Side Coding with VBScript and XML</TD> 


<TD> <center> 18</TD> 


<TD> «center? 2«/TD» 


«TD?» <center>4</TD> 


«TD?» «center? 8«/TD» 


«TD?» «center? 14</TD> 


</TR> 


<TR> 
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NOTES 
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Material 


<TD> <center>V </TD> 
<TD>ASP Objects & Components</TD> 
<TD><center>20</TD> 
<TD><center>4</TD> 
<TD><center>4</TD> 
<TD><center>6</TD> 
<TD><center>14</TD> 
</TR> 

<TR> 

<TD> <center> VI </TD> 
<TD>Accessing database with ASP £ ADO</TD> 
<TD><center>20</TD> 
<TD><center>4</TD> 
<TD><center>4</TD> 
<TD><center>6</TD> 
<TD><center>14</TD> 

</tr> 

<TR> 

<TD> </TD> 
<TD><center><b>Total</TD> 
<TD><center><b>102</TD> 
<TD><center><b>18</TD> 
<TD><center><b>26</TD> 
<TD><center><b>26</TD> 
<TD><center><b>70</TD> 
</tr> 

</TABLE> 


</body> </html> 


Output 
Specification Table with Hours and Marks 
, ] 3 Distribution of Theory Marks 
Unit No. Unit Title Teaching Hours 
В Level|U Level||A Level || Total Marks 

I Introduction to Internet Technology 12 4 | - 0 8 

П Basics of HTML & CSS 16 0 | 2 6 8 

IH | Active Server Pages 3.0 _ _ _ j| 16 4 8 0 12 
IV Server Side Coding with VBScript and XML 18 2 4 8 14 

У ASP Objects & Components 20 4 4 6 14 

VI | Accessing database with ASP & ADO 20 14 | 4 | 6 14 
Total 102 18 | 26 26 70 


2. Write the html code to display a complex table 
Complex table.html 

<html> <head></head> 

<body> 

<table> <caption>A complex table</caption> 


<thead> <tr> <th colspan="3">Invoice #123456789</th> <th>14 Sep 
2019 </tr> 


<tr> <td colspan="2"> <strong>Pay to:</strong><br> Acme Billing 
Co.<br> 123 Main St.<br> Cityville, NA 12345 </td> 


<td colspan="2"> «strong? Customer: </strong><br> John Smith<br> 321 
Willow Way<br> Southeast Northwestershire, MA 54321 </td> 


</tr> </thead> <tbody> <tr> <th>Name / Description</th> 
<th>Qty.</th> <th>@</th> <th>Cost</th> </tr> 

<tr> <td>Paperclips</td> <td> 1000</td> <td> 0.01</td> 

<td> 10.00</td> </tr> <tr> <td>Staples (box)</td> 

<td>100</td> <td>1.00</td> <td>100.00</td> </tr> </tbody> 

<tfoot> <tr> <th colspan="3">Subtotal</th> <td> 110.00</td> </tr> 
<tr> <th colspan="2">Tax</th> <td> 18% </td> <td>19.80</td> </tr> 


<tr> <th colspan="3">Grand Total</th> <td>$ 129.80</td> </tr> </tfoot> 
</table> 


</body> </html> 
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Technology Lab 


NOTES 
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Output 
Sample table 
Invoice #123456789 14 Sep 2019 


Customer: 


John Smith 
321 Willow Way 

ityville, Southeast Northwestershire, MA 54321 
Name / Description Огу.) @ Cost 
Paperclips [10000.01 10.00 
Staples (box) [100 [100 100.00 
[юш ioo | 

Тах 8% 8.80 
Grand Total $ 118.80 


3. Write the html code to display the list 


List.html 

<html> 

<head> </head> 

<title> List tag </title> 

<body> 

<table border="1" width="600" text align="center"><tr ><td 
widht="300"> 

<h3 align="center" style="color:red">To illustrate order list tags</h3> 
<hr COLOR="RED"> 
<h4>Numbered list:</h4> 

<ol> 

<li> Apples</li> 

<li> Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li> 

</ol> 

<h4>Uppercase Letters list:</h4> 
<ol type="A"> 

<li> Apples</li> 

<li> Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li> </ol> 
<h4>Lowercase letters list:</h4> 
<ol type="a"> 

<li> Apples</li> 

<li> Bananas</li> 
<li>Lemons</li> 
<li>Oranges</li> </ol> 


<h4>Roman numbers list:</h4> 
«ol type="I'> 

<li> Apples</li> 

<li> Bananas </li> 
<li>Lemons</li> 
<li>Oranges</li> 

</ol> 

<h4>Lowercase Roman numbers list:</h4> 
<ol type="i"> 

<li> Apples</li> 

<li> Bananas </li> 
<li>Lemons</li> 
<li>Oranges</li> 

</ol> 

</td> 

<td width="300"> 

<title> Unorder List </title> 


<h3 align="center" style="color:red">To illustrate unorder list tags</h3> 


<hr COLOR="RED"> 
<h4>Disc bullets list:</h4> 
<ul type="disc"> 

<li> Apples</li> 

<li> Bananas </li> 
<li>Lemons</li> 
<li>Oranges</li> 

</ul> 

<h4>Circle bullets list:</h4> 
<ul type="circle"> 

<li> Apples</li> 

<li> Bananas </li> 
<li>Lemons</li> 
<li>Oranges</li> 

</ul> 

<h4>Square bullets list:</h4> 
<ul type="square"> 

<li> Apples</li> 

<li> Bananas </li> 
<li>Lemons</li> 
<li>Oranges</li> 

<h3 style="color:red"> To illustrate Nested and Definition List Tags 
</h3> 

<hr color="red"> 

<h4> An ordered nested List: </h4> 
<ol> 
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<li> Coffee </li> 
<li> Tea 

«ol type= "а"> 

<li> Black tea </li> 
<li> Green tea </li> 
<ol type= "i" > 

<li> China </li> 
<li> Africa </li> 
</ol> 

</ol> 

<li> Milk </li> 
</ol> 

</ul></td> </tr></table> 
</body> 

</html> 


Output 


To illustrate order list tags 


Numbered list: 


1. Apples 

2. Bananas 
3. Lemons 
4. Oranges 


Uppercase Letters list: 


A. Apples 

B. Bananas 
C. Lemons 
D. Oranges 


Lowercase letters list: 


a. Apples 

b. Bananas 
c. Lemons 
d. Oranges 


Roman numbers list: 


I. Apples 
IL Bananas 
III. Lemons 
IV. Oranges 


Lowercase Roman numbers list: 
1. Apples 
11. Bananas 
ш. Lemons 
iv. Oranges 


To illustrate unorder list tags 


Disc bullets list: 


Apples 

Bananas 
Lemons 
Oranges 


Circle bullets list: 


о о о о 


Apples 

Bananas 
Lemons 
Oranges 


Square bullets list: 


To illustrate Nested and 
Definition List Tags 


An ordered nested List: 


1. Coffee 
2. Tea 
a. Black tea 
b. Green tea 
i. China 
и. Africa 
3. Milk 


4. Write the html code with image alignment properties 
Images.html 

<html> 

<head> <title> Image Tag </title> </head> 

<body> 

<h3 align="center" style="color:red"> To illustrate image tags</h3> <hr> 


<p> <img src=" C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" 
align="right" height="100" width="100"/> 


This image is right aligned with the text 
</p> <br><br><br><br><hr> <p> 


<img src="C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" 
align="left" height="100" width="100"/> 


This image is left aligned with the text </p> 
<br><br> <br><br> <hr> 
This image is center aligned with the text. 


<img src="C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" 
align="middle" height="100" width="100"/> 


<br><br><br><br><hr> 
This image is bottom aligned with the text. 


<img src="C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" 
align="bottom" height="100" width="100"/> 


<br><br> <br><br> <hr> 
This image is top aligned with the text. 


<img src="C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" 
alignz"top" height="100" width="100"/> 


</body> 


</html> 
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Output 


To illustrate image tags 


This image is right aligned with the text 


This image is left aligned with the text 


This image is center aligned with the text. 


This image 1s bottom aligned with the text. 


5. Write the html code with image resizing property 
Image size.html 
<html> 
<head> 
</head> 
<body> 
<h1>Placing Images in HTML Documents</h1> 


<img src="C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" 
alt="Rain"> 


«img src="C:\Users\Public\Pictures\Sample Picturestpic1.jpg" 
alt="Happy"> 


<img src="C:\Users\Public\Pictures\Sample Pictures\pic2.jpg" alt="Happy 
Group"> 


<h1>Setting Image Width and Height Using style Attribute in Lab : Web 
HTML</h1> Technology Lab 


<img src="C:\Users\Public\Pictures\Sample Pictures\Sample pic.jpg" NOTES 
alt="Rain” style="width: 300px; height: 300px;"> 


<img src="C:\Users\Public\Pictures\Sample Pictures\pic1.jpg" 
alt="Happy" style="width: 300px; height: 300px;"> 


<img src="C:\Users\Public\Pictures\Sample Pictures\pic2.jpg" 
alt="Happy Group” style="width: 300px; height: 300px;"> 


</body> 
</html> 


Output 


Placing Images in HTML Documents 


6. Write the html code to display sample form 


Sample form.html 


<html> 


<head><h2><center>Sample form</center></h2></title> 


</head> 
<body> 
<form> 
Self — Instructional 
<fieldset> Material 


<legend>Name</legend> 


<label>Firstname: <input type="text" name="firstname"></label> 


12 
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<label>Lastname: <input type="text" 
name="lastname"></label></fieldset> 


<fieldset> <legend>Gender</legend> 
<label> <input type="radio" name="gender" value="male"> Male</label> 


<label><input type="radio" name="gender" value="female"> 
Female</label> </fieldset> 


<fieldset> <legend>Hobbies</legend> 


<label><input type="checkbox" name="hobbies" value="soccer"> 
Soccer</label> 


<label><input type="checkbox" name="hobbies" value="cricket"> 
Cricket</label> 


<label><input type="checkbox" name="hobbies" value="baseball"> 
Baseball</label> </fieldset> 


«fieldset? «legend? Contact Details</legend> 

«label forz" address" Address: </label> 

<textarea rows="3" cols="30" name="address" id="address"></textarea> 
<label for="city">City:</label> 

<select name="city" id="city"> 

<option value="sydney">Sydney</option> 

<option value="melbourne">Melbourne</option> 

<option value="cromwell">Cromwell</option> </select></br></br> 

<label> Email Address: <input typez" email" name="email"></label> 


<label> Phone Number: <input type="text" name="phone"> </label> 
</fieldset> 


<center> <input type="submit" value="Submit"> 
<input type="reset" value="Reset"> </center> 


</form> </body> </html> 


Output 


Sample form 


Name 


Firstname: Lastname: 


Gender 


Male Female 


Hobbies 
Soccer J Cricket Baseball 


r— Contact Details 


Address: City: | Sydney v 
Email Address: Phone Number: 
Submit || Reset 


7. Write the html code to display the internal style sheet using 


frame. 

frame.html 

<html> 

<frameset rows="10%,90%"> 

<frame src="top.html" name="top"> 
<frameset cols="20%,80%"> 

«frame src="csstype.html" name="left"> 
<frame src="right.html" name="right"> 
</frameset> 

</frameset> 


</html> 


Top.html 
<html> 


<head> 
</head> 
<body> 


<Һ1 style="color:red" align =" center" color="Blue"> Three Types of 
CSS</h1></body> </html> 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 


Material 


14 


Lab : Web csstype.html 


Technology Lab 
<html> 
NOTES 
<head> 
</head> 
<body> 


<p><a href=" External.html" target="right">External CSS</a></p> 
<p><a href="Internal.html" target="right">Internal CSS</a></p> 
<p><a href="Inline.html" target="right">Inline CSS </a> </p> 
</body> 

</html> 

Internal.html 

<!DOCTYPE html> 

<html> 


<head><meta http-eguiv="Content-Type” content="text/html; 
charset=UTF-8"> 


<title>3 Column Layout</title> 
<style type="text/css"> 
/* Layout */ 
body { 
min-width: 630px; } 
#container { 
padding-left: 200px; 


padding-right: 190px; } 


Self — Instructional 


. #container .column { 
Material 


position: relative; 
15 
float: left; } 


#center { 


padding: 10px 20px; 


width: 100%; 


} 

Ней { 
width: 180px; 
padding: 0 10px; 
right: 240px; 
margin-left: -100%; 

} 

#right { 
width: 130px; 
padding: 0 10px; 
margin-right: -100%; 

} 

#footer { 
clear: both; 

} 

/* TE hack */ 


* html #left { 
left: 150рх; 
} 
/* Make the columns the same height as each other */ 
#container { 


overflow: hidden; 
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Technology Lab 


NOTES 


Self — Instructional 
Material 


16 


Lab : Web #container .column { 


Technology Lab 
padding-bottom: 1001ет; 


NOTES 

margin-bottom: -1000em; 

} 

/* Fix for the footer */ 

* html body { 
overflow: hidden; 

} 

* html #footer-wrapper { 
float: left; 
position: relative; 
width: 100%; 
padding-bottom: 10010px; 
margin-bottom: -10000px; 
background: #fff; 

} 

/* Aesthetics */ 

body { 
margin: 0; 
padding: 0; 
font-family:Sans-serif; 


line-height: 1.5em; 


Self — Instructional | 
Material p{ 
17 color: #555; 


nav ul { 


</style> 


</head> 


Lab : Web 


Technology Lab 
list-style-type: none; 
NOTES 
margin: 0; 
padding: 0; 
} 
nav ula { 


color: darkgreen; 
text-decoration: none; 

} 

#header, #footer { 
font-size: large; 
padding: 0.3em; 
background: #BCCE98; 


} 


#left { 
background: #DAE9BC; 
} 
#right { 
background: #F7FDEB; 
} 
#center { 
background: #fff; 
Self — Instructional 
#container .column { Material 


padding-top: lem; } 
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Lab : Web <body> 
Technology Lab 


<header id="header" align="center"><p>HTML CSS 
NOTES Example</p></header> 
<div id="container"> 
«main id-"center" class="column"> 
«article» 
<h1>Heading</h1> 
</article> </main> 
<nav id="left" class="column"> 
<h3>Left heading</h3> 
<ul> 
<li><a href="#">Extenal css</a></li> 
<li><a href="#">Link 2</a></li> 
<li><a href="#">Link 3</a></li> 
<li><a href="#">Link 4</a></li> 
<li><a href="#">Link 5</a></li> 
</ul> </nav> 
<div id="right" class="column"> 
<h3>Right heading</h3> 
<p><script> generateText(1)</script> </p> 
</div> </div> 
«div id="footer-wrapper"> 


<footer id="footer"><p>copy @ education</p></footer> 


Self — Instructional 


; </div> </body> </html> 
Material 
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Output Lab : Web 


Three Types of CSS Technology Lab 


NOTES 
Heading Right heading 
8. Write the html code to display the external style sheet using 
frame. 
External.html 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="ext.css"> 
<style> </style> </head> 
<body> 
<h2>Internal, External & Inline Style!</h1> 
<div>Text inside a div element. 
<p>paragraph background color</p> 
still in the div element. </div> 
<p style="color:red;margin-left:20px;">Hello world. </p> 
</body> </html> 
ext.css 
hl { background-color:#6495ed; } 
Р { background-color:#eOffff; } Ванна 
div { background-color:#b0c4de; } Material 
hr { color:sienna; } 
p { margin-left:20px; } 20 
body { background-image:url("sheet.jpg"); 
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Output 


Three Types of CSS 


ааз Cus Internal, External & Inline Style! 


External CSS — " 
Text inside a div element. 


Inline CSS 
paragraph background color 
still in the div element. 


Hello world 


9. Write the html code to display the inline style sheet using 
frame. 


Inline.html 
<html> 
<head> 


<р style="color:blue;margin-left:20px;">The term education system 
generally refers to public schooling, not private schooling, and more 
commonly to kindergarten through high school programs. Schools or 
school districts are typically the smallest recognized form of “education 
system” and countries are the largest. States are also considered to have 
education systems. </p> 


<p style="color:Red;margin-left:20px;"> 


Simply put, an education system comprises everything that goes into 
educating public-school students at the federal, state, or community 
levels:Simply put, an education system comprises everything that goes 
into educating public-school students at the federal, state, or community 
levels:</p> </body> </html> 


Output 


Three Types of CSS 


Internal CSS The term education system generally refers to public schooling, not private schooling, and more commonly 
to kindergarten through high school programs. Schools or school districts are typically the smallest 
External CSS recognized form of "education system" and countries are the largest. States are also considered to have 
education systems. 

Inline CSS 
Simply put, an education system comprises everything that goes into educating public-school students at the 
federal. state, or community levels:Simply put, an education system comprises everything that goes into 
educating public-school students at the federal, state, or community levels: 


10. Write the html code with javascript code to validate the user 
input form 


Form validation. html 


<html> 
<head> 
<script> 
function validate() 
{ 
var name = document.forms["RegForm"]["Name"]; 
var email = document.forms["RegForm"]["EMail"]; 
var phone = document.forms["RegForm"]["Telephone"]; 
var what = document.forms["RegForm"]["Subject"]; 
var password = document.forms["RegForm"]["Password"]; 
var address = document.forms["RegForm"]["Address"]; 
if (name.value == "") 
{ 
window.alert("Please enter your name."); 
name.focus(); 
return false; 
} 
if (address.value == "") 
{ 
window.alert("Please enter your address.”); 
name.focus(); 
return false; 
} 
if (email.value == "") 
{ 
window.alert("Please enter a valid e-mail address."); 
email.focus(); 


return false; 


} 
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if (email.value.indexOf(" @", 0) < 0) 
window.alert("Please enter a valid e-mail address."); 
email.focus(); 
return false; 
} 
if (email.value.indexOf(".", 0) < 0) 
{ 
window.alert("Please enter a valid e-mail address."); 
email.focus(); 
return false; 
} 
if (phone.value == "") 
{ 
window.alert("Please enter your telephone number."); 
phone.focus(); 
return false; 
} 
if (password.value == "") 
{ 
window.alert("Please enter your password"); 
password.focus(); 
return false; 
} 
if (what.selectedIndex < 1) 
{ 
alert("Please enter your course."); 
what.focus(); 
return false; 
} 
return true; 
} 
</script> 
</head> 


<body> Lab : Web 
«hl style="text-align: center"> REGISTRATION FORM </h1> Technology Lab 
<table align="center"> NOTES 
<form name="RegForm" actionz"/submit.php" onsubmit="return 

validate()" method="post"> 

«tr? «td» Name: X/td» «td» <input type="text” size=65 name="Name"> 

</td> </tr> 

<tr><td> Address:</td><td> <input type="text" size=65 

name="Address"></td> </tr> 

<tr><td>E-mail Address:</td><td> <input type="text" size=65 

name="EMail"> </td> </tr> 

<tr><td>Password: </td><td> <input type="text" size=65 

name="Password"> </td> </tr> 

<tr><td>Telephone: </td><td> <input type="text" size=65 

name="Telephone"> </td> </tr> 

<p> <td>Select Your Course</td><td> 


<select type="text" value="" name="Subject"> 
<option>MCA</option> 
<option>M.Sc</option> 
<option>MBA</option> 
<option>M.Tech</option> 

</select> </td> </tr> 

«tr^ «td» Comments: </td><td> <textarea cols="55" name="Comment"> 

</textarea></td> </tr> 

<tr><td><input type="submit” value="send" name="Submit"> 


<input type="reset" valuez"Reset" name="Reset"> </td> </tr> </form> 
</body> </html> 


Output 
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REGISTRATION FORM 
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send | Reset send || Reset 


Lab : Web 11. Write the html code with javascript to print the string for the number 


Technology Lab input 
Number to string. html 
NOTES <html> 


<head><h2> Number to String</h2> 

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 
<script type="text/javascript"> 

function update() í 


var bigNumArry = new Array(", ' thousand’, ' million’, ' billion’, ' 
trillion’, ' guadrillion', ' guintillion'); 


var output = "; 
var numString = document.getElementById(‘number’).value; 
var finlOutPut = new Array(); 
if (numString == 091 
document.getElementByld(‘container’).innerHTML = 'Zero'; 
return; } 
if (numString == 0) { 


document.getElementByld(‘container').innerHTML = 'messeg tell to enter 
numbers’; 


return; } 

var i = numString. length; 

i=i- 1; 

//cut the number to grups of three digits and add them to the Arry 

while (numString.length > 3) { 

Self — Instructional kl ee 
Material triDig[2] = numString.charAt(numString.length - 1); 
25 triDig[1] = numString.charAt(numString.length - 2); 


triDig[0] = numString.charAt(numString.length - 3); 


var varToAdd = triDig[0] + triDig[1] + triDig[2]; Lab : Web 


Technology Lab 
finlOutPut.push(varToAdd); 


NOTES 
bs 
numString = numString.substring(0, numString.length - 3); 
j 
finlOutPut.push(numString); 
finlOutPut.reverse(); 
//conver each grup of three digits to english word 
/Af all digits are zero the triConvert 
//function return the string "dontAddBigSufix" 
for (j = 0; j < finlOutPut.length; j++) { 
finlOutPut[j] = triConvert(parseInt(finlOutPut[j ])); 
j 
var bigScalCntr = 0; //this int mark the million billion trillion... Arry 
for (b = finlOutPut.length - 1; b >= 0; b--) { 
if (finlOutPut[b] != "dontAddBigSufix") { 
finlOutPut[b] = finlOutPut[b] + bigNumArry[bigScalCntr] +','; 


bigScalCntr++; 


else 


//replace the string at finlOP[b] from "dontAddBigSufix" to empty String. 
finlOutPut[b] = ' '; 
НЫ Í Self — Instructional 


bigScalCntr++; //advance the counter Material 
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Lab : Web //convert The output Arry to , more printable string 


Technology Lab 
for(n = 0; n«finlOutPut.length; n++){ 


NOTES 
output +=finlOutPut[n]; 


} 


document.getElementBylId('container).innerHTML = output;//print the 
output 


} 
//simple function to convert from numbers to words from 1 to 999 
function triConvert(num) { 


var ones = new Array(", "опе, ' two', ' three’, ' four”, ' five’, ' six', ' seven’, 
eight’, ' nine’, Теп, ' eleven’, ' twelve’, ' thirteen’, ' fourteen’, ' fifteen’, ' 
sixteen’, ' seventeen’, ' eighteen’, ' nineteen’); 


var tens = new Атгау(", ", ' twenty’, ' thirty’, ' forty’, ' fifty’, ' sixty’, ' 
seventy’, ' eighty’, ' ninety’); 


var hundred = ' hundred’; 
var output = "; 


var numString = num.toString(); 


if (num == 0) { 
return 'dontAddBigSufix'; 
} 
//the case of 10, 11, 12,13, .... 19 
if (num < 20) { 
output = ones[num]; 


Self — Instructional return output; 
Material 
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//100 and more 


if (numString.length == 3) { 


output = ones[parseInt(numString.charAt(0))] + hundred; 


output += tens[parseInt(numString.charAt(1))]; 
output += ones[parseInt(numString.charAt(2))]; 
return output; 

} 


output += tens[parseInt(numString.charAt(0))]; 


output += ones[parseInt(numString.charAt(1))]; 


return output; 
} 
</script> 
</head> 


<body> 


<input type="text" 
id="number" 
size="70" 


onkeyup="update();" 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web /*this code prevent non numeric letters*/ 


Technology Lab 
onkeydown="return (event.ctrlKey || event.altKey 


NOTES 
|| (47<event.keyCode && event.keyCode<58 && 
event.shiftKey==false) 
|| (95<event.keyCode && event.keyCode<106) 
|| (event.keyCode==8) || (event.keyCode--9) 
|| (event.keyCode>34 && event.keyCode<40) 
|| (event. keyCode==46) )"/> 
<br/> 
«div id="container">Here The Numbers Printed</div> 


</body> </html> 


Output 


Number to String 


768] 
seven hundred sixty five . 


12. Write the html code with javascript to display a dynamic html 
page. 


Clock.html 


<!DOCTYPE html> 


Self — Instructional 
Material 


<html> 

<body> 

29 

«canvas id="canvas" width="400" height="400" 


style="background-color:#333"> 


</canvas> 
<script> 
var canvas = document.getElementBylId("canvas"); 
var ctx = canvas.getContext(" 2d"); 
var radius = canvas.height / 2; 
ctx.translate(radius, radius); 
radius = radius * 0.90 
setInterval(drawClock, 1000); 
function drawClock() { 
drawFace(ctx, radius); 
drawNumbers(ctx, radius); 
drawTime(ctx, radius); 
} 
function drawFace(ctx, radius) { 
var grad; 
ctx.beginPathQ; 
сіх.агс(0, 0, radius, 0, 2*Math.PD; 
ctx.fillStyle = 'white'; 
ctx.fill(); 
grad = ctx.createRadialGradient(0,0,radius*0.95, 0,0,radius* 1.05); 
grad.addColorStop(0, '#333'); 
grad.addColorStop(0.5, "white; 
grad.addColorStop(1, 4333); 
ctx.strokeStyle = grad; 


ctx.lineWidth = radius*0. 1; 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web ctx.stroke(); 


Technology Lab 
ctx.beginPath(); 


NOTES 

ctx.arc(0, 0, radius*0.1, 0, 2*Math.PD; 

ctx.fillStyle = '#333'; 

ctx.fill(); 

} 
function drawNumbers(ctx, radius) { 

var ang; 

var num; 

ctx.font = radius*0.15 + "px arial"; 

ctx.textBaseline="middle"; 

ctx.textAlign="center"; 

for(num = 1; num < 13; num++){ 
ang = num * Math.PI / 6; 
ctx.rotate(ang); 
ctx.translate(0, -radius*0.85); 
ctx.rotate(-ang); 
ctx.fillText(num.toString(), 0, 0); 
ctx.rotate(ang); 
ctx.translate(0, radius*0.85); 
ctx.rotate(-ang); 

ЖЕ 


A function drawTime(ctx, radius)( 
Self — Instructional 


Material var now = new Date(); 


31 var hour = now.getHours(); 


var minute = now.getMinutes(); 
var second = now.getSeconds(); 


//hour 
hour=hour% 12; 
hour=(hour*Math.PI/6)+ 
(minute*Math.PI/(6*60))+ 
(second*Math.PI/(360*60)); 
drawHand(ctx, hour, radius*0.5, radius*0.07); 
//minute 
minute=(minute* Math. PI/30)+(second*Math.PI/(30*60)); 
drawHand(ctx, minute, radius*0.8, radius*0.07); 
// second 
second=(second* Math.PI/30); 
drawHand(ctx, second, radius*0.9, radius*0.02); 
} 
function drawHand(ctx, pos, length, width) { 
ctx.beginPath(); 
ctx.lineWidth = width; 
ctx.lineCap = "round"; 
ctx.moveTo(0,0); 
ctx.rotate(pos); 
ctx.lineTo(0, -length); 
ctx.stroke(); 
ctx.rotate(-pos); 
} 
</script> 
</body> 


</html> 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web 
Technology Lab 


NOTES 
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Output 


13. Write a DHTML code with Javascript to define a user defined 
function for sorting the values in an array. 


Array.html 


<html> 

<head> 

<script type="text/javascript" > 
var num=0; 

number=0; 

var numarray=new Array(); 
function array_size() 


{ 


num-prompt("Enter how many number to be sorted","000"); 


number-parseInt(num); 

get numbers(); 

} 

function get_numbers() 

{ 

if (number!=null && number!="") 

{ 

for( i=0;i<number;i++) 

{ 

n-prompt("Enter the number to be sorted","1"); 
numarray[i]=parseInt(n); 

} 

} 

sorting() 

} 

function sorting() 

{ 

document.writeln("<h1>Sorted Array<h1>"); 
document.writeln(numarray.sort(sortNumber)); 
} 

function sortNumber(a,b ) 

{ 


return a - b; 


} 


</script> </head> 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web <body> 


Technology Lab 
<h1> Click the button to get the Number sorted</h1> 


NOTES 
<input type="button" onclick="array_size()" value="Get Array Size" /> 


</body> 


</html> 


Output 


Click the Button to get the Number 
Get Array Sze 


This page says 


ЕСЕ —_ ы 


This page says 


45 


ЕСЕ — " 


This page says 


E — 


This page says 


Self — Instructional a Cancel 
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Lab : Web 
Technology Lab 


This page says 


NOTES 


Cancel 


This page says 


Cancel 


Sorted Array 


1,12,33,45,65 


14. Write a DHTML code with Javascript to display the 
calendar 
Calendar.html 


<html> 

<head> 

<script language="javascript"> 

function day_title(day_name) 

{ 

document.write("<td align=center width=35>"+day_name+"</td>") 
} 

function fill table(month,month len) 

{ 

day=1 


document.write("<table border=1 cellspacing=3 cellpadding=3%>") Self — Instructional 
Material 


ин 


document.write("<td colspan=7 align=center><b>"+month+" "+year 
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Lab : Web +"</b><tr>") 


Technology Lab 
day. title("Sun") 


NOTES 
day. title("Mon”) 
day. title("Tue") 
day. title("Wed") 
day. title("Thu") 
day. title("Fri") 
day. title("Sat") 
document. write(" «/tr* <>"); 
for(var i21; i<start_day;i++) 
{ 
document. write("<td>") 
} 


for(var i=start_day; 1<8;i++) 


{ 


document.write(" «td align=center>"+"<a href=DAILYFORM.html>"+day 
ap </a>"+" </td> ") 


day++ 


} 


document.write("<tr>") 
while(day<=month_len) 


{ 


for(var 1=1; 1<=7 && day<=month_len;i++) 


Self — Instructional 
Material 


{ 


document.write("<td align=center>"+"<a href=index.html>"+day 
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+"</a>"+"</td>") 
day++ 

} 
document.write("<tr>") 
start_day=i; 


} 


document. write("</tr></table><br>") 


} 


year=prompt("enter 4 digit year "); 


today=new Date("January 1, "+year) 


start day=today.getDay()+1 
fill table("January”, 31) 

if (year%4==0) 

fill table("February", 29) 
else 

fill table("February", 28) 
fill table("March", 31) 

fill table(" April", 30) 

fill table("May", 31) 

fill table("June", 30) 

fill table("July", 31) 

fill table(" August", 31) 
fill table(" September", 30) 
fill table("October", 31) 
fill table("November", 30) 


fill table("December", 31) 


Lab : Web 
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Lab : Web 
Technology Lab 


NOTES 
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</script> 
</head> 


</html> 


Output: 


Г January 2019 April 2019 July 2019 ‘October 2019 
Sun [Mon || Tue [Wes | Thu | ға | Sat | | Sun [Mon | Tue | Wed | Thu | ға | Sat | | Sun [Mon | Tue | we | Thu | Fri | Sat | | Sun | Men | Tue || Wea | Thu | Fri | Sat 
1121313 1 afasie ГЕНЕ ИЕ ЕН $ [$ [23+ 
6 12 |a ET TA 11:1: [0 [a [12 [13 11: 1 [0 {о [11 с [218 ю | u [1 
13 || 14 [18 [16 [№ [2s [19 | [15 [ 15 [ 15 [12 [ 1s [ 19 [20 ] [14 [i$ [is [az [18 [19 [29 (ia aa [as [is [az [as | 19 
20 || a |2 [28 [28 [25 [26 | [21 [22 || 23 [24 25 [26 [2 ]Tz [22 [22 [2: [25 [26 [| 22 | [20 [ 21 ]| 22 J| 22 ]| 23 [25 ]| 26 
a [28 [29 [30 [n 28 | 22 | 30 28 [22 [a [ 1 1 [28 || 22 [30 [ 1 
February 2019 May 2019 August 2019 November 2019 
Sun [Mon || Tue [Wes || Thu | Ға | Sat | | Sun | Men | Tue | Wed | Thu | Fri | Sat | | Sun [Mon || Tue | Wee | Thu [ Fri | Sat | | Sun | Mon | Tue | Wes || Thu || Ға | Sat 
1|2 123] 1 2 3 12 
[4 в [2 в Зета [uju +: [5 вю] [за 1 [82 
i | u ff [вн] EH р [2 [a (as ГЕНЕ ЕН [re [а [19 [15 [16 [az | [16 [u и [15 [16 
ш [19 [20 | 21 |122 [28 ][ 2 [20 [ 21 [22 [28 [24 [23 | [ 18 [12 [20 [24 | 22 [23 ] 23 | [iz [ав | 1e [29 | 21 [22 [23 
24 [25 [ 26 [27 | 28 26 [22 [28 [22 [ 30 [31 23 [26 | 22 [22 [ 29 [№ [ 21 ] [2 [25 28 [29 | 30 
March 2019 June 2019 September 2019 December 2019 
Sun [Mon | Tue | Wed | Tho | ға | Sat | | Sun [Mon | Tue | Wed | Thu || Fri | Sat | [Sun | Men || Tue | Wed | Thu | Fri | Sat | | Sun [Mon | Tue | Wed | Thu | Fri | Sat 
112 I. | 411111 [а ее 
++ E Leis SES ES В "lm юа [шп [вн] [а 10 [шп [п [в [в 
F ЯР ЧЕНЕ ШР ЕЕ ЯР 3 юир ан е [az [s | J 20 [a] (as Js Jaz | s | [2 | 
о и [a 20 212 [2 1 [о äsja 20 a 22 | GT lats la [22 ][2 IER ER IER [26 РЕ ЕТ 
24 | 25 | 26 | 27 || 28 | 22 | 30 || 23 | 24 | 25 || 26 21 || 28 || 29 29 29 m 
ail 30 


15. Write an XML file which will display the Book information which 
includes the following: 


1) Title of the book 2) Author Name 3) ISBN number 4) Publisher name 
5) Edition 6) Price Write a Document Type Definition (DTD) to validate 
the above XML file. 


Books.DTD 


<!ELEMENT details (title, author, ISBN_Number, publisher, edition, 
price) > 


<!ELEMENT title (#РСРАТА)> 
<!ELEMENT author (#РСРАТА)> 
<!ELEMENT ISBN_Number (#PCDATA)> 
<!ELEMENT publisher (#РСРАТА)> 


<!ELEMENT edition (#РСРАТА)> 


<!ELEMENT price (FPCDATA)> 


Style.css 


.thb 


{ 

background-color: gray; 
} 

bg 

{ 


background-color:red; 


} 


Books.xml 

<?xml version="1.0"?> 

<!DOCTYPE book SYSTEM 
"books.dtd"» «book» 

«details» 

<title> C</title> 

«author» BalaGuru Swami</author> 
«ISBN Number?2536«/ISBN Number? 
<publisher>pearson</publisher> 
<edition>2</edition> <price>255/- 
</price> 

</details> 

<details> 

<title> C++</title> 

<author> BalaGuru Swami</author> 
<ISBN_Number>5236</ISBN_Number> 
<publisher>pearson</publisher> 
<edition>2</edition> <price>315/- 


</price> 
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</details> 

<details> 

</details> 

<details> 

<title> E-Commerce</title> 

<author> Kalakata</author> 
<ISBN_Number>8562</ISBN_Number> 
<publisher>pearson</publisher> 
<edition>5</edition> 
<price>300/-</price> 

</details> 

<details> 

<title> CO</title> 

<author> Marris </author> 
<ISBN_Number>4578</ISBN_Number> 
<publisher>Dream Tech</publisher> 
<edition>5</edition> 
<price>270/-</price> 

</details> 

<details> 

<title> Web Technologies</title> 
<author> Kumar </author> 

<ISBN. Number>5423</ISBN. Number> 
<publisher>Willay</publisher> 
<edition>6</edition> 


<price>500/-</price> 


</details> Lab : Web 


Technology Lab 
<details> 


NOTES 
<title> Web Programming</title> 
<author> Kumar </author> 
«ISBN Number>1258</ISBN. Number? 
«publisher? Willay&/publisher? 
<edition>6</edition> 
<price>500/-</price> 
</details> 
</book> 
Book.html 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="Style.css"> 
</head> 
<body> 
<script type="text/javascript"> 
if (window.XMLHttpRequest) 

{// code for IE7+, Firefox, Chrome, Opera, 
Safari xmlhttp=new XMLHttpRequest(); 

} 

else 

{// code for IE6, IES 


xmlhttp=new ActiveX Object("Microsoft.XMLHTTP"); Self — Instructional 
Material 


} 


xmlhttp.open("GET","books.xml" false); 


Lab : Web 
Technology Lab 
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xmlhttp.send(); 

xmlDoc=xmlhttp.responseX ML; 

document.write(" «table border='1'>"); 

var x«xmlDoc.getElementsByTagName(" details") 
document.write(" «tr^ «th class-'thb'» "); 

document.write(" TITLE«/th* «th class='thb'> AUTHOR «/th* «th 
class='thb'>ISBN_Number</th><th class='thb'> PUBLISHER«/th» «th 
class='thb'>EDITION</th> «th class='thb'>PRICE</th> </tr>"); 
for (1=0;1<х length;i++) 

{ 

document.write("<tr><td>"); 


document.write(x[i].getElementsByTagName("title")[0].childNodes 
[0].node Value); 


document.write("</td><th class='bg'>");document.write(x 
[1].getElementsByTagName("author")[0].childNodes[0].nodeV alue.toUpp 
erCase()); 


document.write("</th> <td>"); 


document.write(x[1].getElementsByTagName("ISBN Number") 
[0].childNodes[0].nodeV alue); 


document.write("</td><td>"); 

[0].childNodes[0].nodeValue); 

document.write("</td><td>"); 

[0].childNodes[0].nodeValue); 

document.write("</td><td>"); 
document.write(x[i].getElementsB y TagName("publisher")[0].childNodes 
[0].nodeV alue); 

document.write("</td><td>"); 


document.write(x[i].getElementsByTagName("edition")[0].childNodes 
ГОТ nodeValne): 


document. write("</td><td>"); 


document. write(x[i].getElementsByTagName("edition")[0].childNodes 


[0].node Value); 


document. write("</td><td>"); 


document. write(x[i].getElementsByTagName("price")[0].childNodes 


[0].nodeValue); 

document. write(" </td> </tr>"); 
} 

document.write("</table>"); 
</script> 

</body> 

</html> 


Output 


сн BALAGURU МАМІ 


c ШШШ. 


E-Commerce № 
2 MARS 

Web aem Web Tectnologes СИЕ 

Web Programming м 


16. Write a program to display the student name using simple beans 


Student.java 


public class Student implements java.io.Serializable 


{ 

private int id; 
private String name; 
public Student() 


{ 


w ЕЕЕ D5s. - 
pearson 2 ПС 
pearson 5 300/- 
Dream Tech |5 ГИ 
Wilay 6 Soo. 
Willay 6 500. - 
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public void setId(int id) 


( this.id = id; 
} 
public int getId() 
{ 
return id; 
} 


public void setName(String name) 
{ 
this.name = name; 
} 


public String getName() 


{ 


return name; 


} 


Test.java 
public class Test { 


public static void main(String args[]) 
{ 
Student s = new Student(); // object is created 
s.setName("GFG”); // setting value to the object 


System.out.println(s.getName()); 


} 
Output: 


Alagappa University 


17. Write a Javabean program in Web Application Lab : Web 
Technology Lab 
beanExample.jsp 


NOTES 
<% @ page language='java' contentType-' text/html; charset=UTF-8' 


pageEncoding="UTF-8'%> 


<!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 
‘http://www.w3.org/TR/html14/loose.dtd'> 


<html> 

<head> 

«meta http-eguiv="Content-Type' content='text/html; charset=UTF-8'> 
<title>Use Bean Example</title> 

</head> 

<body> 

<jsp:useBean id-'date' class='java.util.Date'/> 

<jsp:useBean id='person' class='javabeat.net.jsp.beans.Person'> 
<jsp:setProperty name='person' property- firstName' 
value='joe'/> 

<jsp:setProperty name='person' property='lastName' 
value='smith'/> 

<jsp:setProperty name='person' property='age' 

value='10'/> 

</jsp:useBean> 

<h2>Simple use of bean calling java.util.Date</h2> 

Today is <%=date%> 


<h2>Example for Accessing JavaBeans Properties</h2> 


Self — Instructional 


«p? «b? Person First Name:</b> Material 
<jsp:getProperty name='person' property='firstName'/> 


</p> 
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Lab : Web <p><b>Person Last Name:</b> 
Technology Lab 

<jsp:getProperty name='person' property='lastName'/> 
NOTES 

</p> 

<p><b>Person Age: </b> 

<jsp:getProperty name='person' property='age'/> 

</p> 

</body> 

</html> 


Output 


Q | D localhost:8080/HelloWorldJSP/beanExample.jsp 7? E 


Simple use of bean calling java.util.Date 


Today is Tue Jan 21 17:09:08 IST 2014 


Example for Accessing JavaBeans Properties 


Person First Name: joe 
Person Last Name: smith 


Person Age: 10 


18.Simple Servlet program( With Execution procedure) 


1. To create a servlet application in Netbeans IDE, you will 
need to follow the following steps 


2. Open Netbeans IDE, Select File -> New Project 


oOo Dynamic File Uploading - NetBeans IDE 7.0.1 
Edit View Navigate Source Refactor Run Debug Profile Теа! 


TO New Project... Ctrl+ Shift+ N 


РЯ New File... i Ctrl- М 
2 ы 
Self — Instructional ЕШ Open Project... Ctrl+ Shift+ O n 


Material Open Recent Project > 
Close Project (Dynamic File Uploading) 
Open File... 
Open Recent File > 


Project Group > 
47 Project Properties (Dynamic File Uploading) 


Import Project > 


3. Select Java Web -> Web Application, then click on Next, Lab : Web 


Technology Lab 
© New Project 


Ses Chose Proj NOTES 
1. Choose Project Categories: p 


muy с 
i 428 Web Free-Form Application 
[jj Mave 


+—[Д) NetBeans Modules 
Е- в Samples 


Description: 


Creates an empty Web application in a standard IDE project. A standard project uses an 
IDE-generated build script to build, run, and debug your project. 


4. Give а name to your project and click on Next, 


` Q New Web Application [x y 


COM = 

Name and Location 

Server and Settings : с: 

^ Project Location: C: Users WbhjtiDocuments NetBeansProjects ЕСТЕ 
Project Folder: — C: VUsers MbhijtiDocuments \NetBeansProjects First 


жәме 


M] Use Dedicated Folder for Storing Ubraries 
Ubraries Folder Browse. 


Different users and projects can share the same complaton libranes 
(see Нар for detais) 


IV] Set as Main Project 


5. Click Finish 


[© New Web Application 
| Steps Server and Settings 7ҙшс 
L Choose Project Add Applicaton: cones „ 
БЕСІ емее 5 
3. Server Settings == E Ka 
4 ñuti Server: (Gash Server 3.1 ` Add... 
Java EE Version: Java EE 6 Web > 
T Enable Contexts and Dependency Injection 


Context Path: Prst 
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Lab : Web 6. The complete directory structure required for the Servlet 


Technology Lab Application will be created automatically by the IDE. 
NOTES © First - NetBeans IDE 7.03 
File Edit View Navigate Source Refactor Run Debug Profile Team Tools Window Help 


Begs о С | JT w P Ш-О- 


7. Tocreate a Servlet, open Source Package, right click on default 
packages -> New -> Servlet. 


File Edit View Navigate Source Refactor Run Debug Profile Team Tools Window 


Baas чус: | Ww P B2- 


ПТ c 
Ctrl+F 15Р... 
ae UP Felder... 
Java Class... 
Ctrl+C 
‘Wa Cascading Style Sheet... 


Pass 


Xy 


- 


aem It is highly recommended that you do NOT place Java dasses in the 


Self — Instructional 
Material 
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Register the Servlet with the application by giving the Servlet an internal 
name (Serviet Name). Then specify patterns that identify the URLs that 
invoke the Serviet. Separate multiple patterns with commas. 


file, you dont have write it 


of your own 


о (Саша) 


Now, your Servlet class is ready, and you just need to change the method 
definitions and you will good to go. 


ew Navigate Source Refactor Run Debug Profile Team Tools Window Hi 


Hagges Sel ITF P -e 


1 
2 import java.io.*; 
2n import javax.servlet.*; 
4 import javax.servlet.http 
5 
6 public class MyServlet ex 
7 
vi protected void doGet (Ht 
° throws Servle 
10 сезропзе.зесСопсеп 
11 PrintWriter out = 
12 try ( 
13 


Write some code inside your Servlet class. 


MyServletjava = 
е а-а-а SE? @ $ аз ө на а 
1 
217 import java.io.*; 
3| import javax.servlet.*; 
4 L import javax.servlet.http.*; 
s| 
= public class MyServlet extends HttpServlet ( 
7 
e protected void doGet (HttpServletRequest request, HttpServletResponse response) 
э throws ServletException, IOException { 
10 response. setContentType ("text/html:chars=t=UTF-8"); 
11 PrintUriter out = response.getWriter(); 
12 try ( 
13 
14 out. printin("<h2>Welcome to my first servlet application in NetBeans</h2>"); 
15 
16 } finally ( 
17) out.elose () ; 
18) B 
I › 
20 >» 
21) 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web 9. Create an HTML file, right click on Web Pages -> New - 
Technology Lab > HTML 


NOTES J First - NetBeans ID 
File Edit View Navigate Source Refactor Run Debug Profile Team Tools Window Help — || 
teki "p ve | — TS P Eb-Cp- 
|i Projects = 7а: "| ES 
| wp rest | 2 GƏ - а-ја + > т SET IE) 
É B mma | Í 1 к) | 
2 Qs wen. New — — 008 Sene. 
са x Ë) ssp... 5.%; 
= Ga Source P Жие D Folder... p.http.*:; 
ж жа Pene Ctle¥ | 8 Java Class... Let extends HttpSer 
=> Üb Libraries Local History 474 Cascading Style Sheet... 
еш, хк | Refresh Folder E java Package... get (HttpServletPear 
A Ші JavaScript Fie. rd 
W ee 4 18 Properties File... pe v ugPcnaB Qus 
SD aae cent | 2] Interceptor... 
| 4 ЕП XML Document... ЕЕ 
$» Tag Library Descriptor... рл арди С 
lj Web Application Listener... 
| Ë Fitter... зе 0: 
| 
ЕЭ Frame Form... 
10. Give it a name. We recommend you to name it index, because 
browser will always pick up the index.html file automatically from 
a directory. Index file is read as the first page of the web application. 
C:Vusers Vabivyt Documents WetBeansProjects First web Vnde 
11.Write some code inside your HTML file. We have created a 
hyperlink to our Servlet in our HTML file. 
D | 
LT BETA ICE ILI 
Mal body М a 
СЕ 4” 
| 28 «hob 
Self — Instructional зр ер 
. 4 <titler</title> 
Material S) «аар 
£ Фр 
j| — tick hereto go to @ reete Эт Page obo 
51 | 8 | </body> 
$ < </html> 


| 10 
servet name 


12. Edit web.xml file. In the web.xml file you can see, we have Lab : Web 
specified the url-pattern and the servlet-name, this means Technology Lab 
when hello url is accessed our Servlet file will be executed NOTES 


General Servets Fiters Pages References — Security жя] 68 - 8 -|' 
1 <?xml Version="1.0" encoding-"UTF-8"2» . m ad cR 
211 <web-app versione"3.0" xminse"http://java.sun.com/xml/ns/javaee" 
3 xmins:xsie"http://www.u3.org/2001/XMLSchema-instance" 
4 xsi:schemaLocatione"http://java.sun.com/xml/ns/javaeec 
5 http: / ava.sun.cornm/xml/ns/3avaee/web- 3 D.xsd"» 
L3 
70 «servlet» 
8 <servlet-name>hello</servlet-name> 
° «servlet-class»MyServlet«/servlet-class» 
10 «/servlet» 
11 C] <servlet-mapping> 
12 «servlet-name»hello«/servlet-name» 
13 <ur l-pattern>/helio</url-pattern> 
14 «/servlet-mapping» 
15 [-] «welcome-file-11st» 
16 «velcome-fiQf ^ index.htmlc-7U»icome-file» 
17 </velcome-file-list> 
18 </web-app> Welcome page of your 
19 application 


13. Run your application, right click on your Project and select Run 


паре оа тър» 6-9 - 


[Projects _ Pet java m [9 indexhtmi m) 
d Qo w Е #Фъ эш ө! 
> bo hi а 
со оа naka < ВОСТОК html» 
Т @ же Conn <html> 
9 ө Verify <head> 
° Generate Javadoc <title></title> 
</head> 
Cr > <body> 
Depi <h4>Ciick here to go to E href= 
= </body> 
Debug £/htmis 


Click on the link created, to open your Servlet. Now, Servlet class is 
running. 


[У locathost:8080/First/ x WS 


c > @ D localhost:8080/First/ 


Click here to go «зше 2257) 


[5 locsihost8080/First/hello х 
€ > С [D localhost:8080/First/hello у * [C^] = 


|. | Self - Instructional 


Welcome to my first servlet application in NetBeans . 
Material 


52 


Lab : Web 
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NOTES 
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18.1. . Simple program for servlet 
index.html 

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 


<body> 


Welcome to servlet 3 Form example 

<br> 

<br> 

<form action="MyForm"> 
Email : <input type="text" name="email"> <br> 
User Name: <input type="text" name="uname"> <br> 
Password: <input type="password” name="pass"> <br> 
Gender : <input type="radio" name="gender" value="male” checked> 
Male <input type="radio" name="gender" value="female"> 
Female <input type="radio" name="gender" value="other"> <br> 
Course: <input type="checkbox" name="course” value="Java"> 
Java <input type="checkbox" name="course" value="Dot Net"> 


DotNet <input type="checkbox" name-"course" value="PHP"> PHP 
<br> 


<input type="submit" value="Submit"><input type="reset"> 
</form> </body> 


</html> 


FormController.java Lab : Web 
Technology Lab 
import java.io. IOException; 
NOTES 
import java.io.PrintWriter; 
import javax.servlet.ServletException; 
import javax.servlet.annotation. WebServlet; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
@WebServlet("/MyForm") 
public class FormController extends HttpServlet 


{ 


protected void doGet(HttpServletRequest request, HttpServletResponse 
response) throws ServletException, IOException 


{ 

String em = request.getParameter("email"); 

String un = request.getParameter("uname"); 

String pa = request. getParameter("pass"); 

String ge = request.getParameter(" gender"); 

String[] co = request.getParameterV alues(" course"); 

response.setContentType( text/html"); 

PrintWriter pw=response.getWriter(); 
pw.write("<h2> Following data received sucessfully.. <h2> <br>"); 

pw.write("<h3> Email: "+ em +" </h3>"); 

pw.write("<h3> User name: "+ un +" </h3>"); ив 
pw.write("<h3> Password: "+ ра +" </h3>"); Material 
pw.write("<h3> Gender: "+ ge +" </h3>"); 


54 
pw.write("<h3> Course: "); 


Lab : Web for(String c:co) 


Technology Lab | 


NOTES 
pw.write( c+" "); 


} 


pw.write("</h3>"); 


Insert title here - Chromium 


- С | © localhost:8080/serviet-form/index.html oF ў | @ : 


Welcome to servlet 3 Form example 


Email : |candid@gmail.com 


User Name: Candidjava 

Password: еее” 

Gender: ® Male Female © Other 
Course: * Java М Dot Net O PHP 

| Submit || Reset | 


localhost:8080/servlet-Fform/MyForm?email=candid%40gmail.com&una... 


localhost:8080/se 
= С | Ф localhost:8080/servlet-form/MyForm?email=candid... o» yr | BI 


Following data received sucessfully.. 


Email: candid(? gmail.com 
Self — Instructional User name: Candidjava 
Material Password: 123456 


Gender: male 


55 Course: Java Dot Net 


Lab : Web 
Technology Lab 


19. Write servlet program to send email Message 


EmailUtility.java 
NOTES 


package net.codejava.email; 

import java.util.Date; 

import java.util.Properties; 

import javax.mail.Authenticator; 

import javax.mail.Message; 

import javax.mail.MessagingException; 

import javax.mail.PasswordAuthentication; 

import javax.mail.Session; 

import javax.mail.Transport; 

import javax.mail.internet. AddressException; 

import javax.mail.internet.InternetAddress; 

import javax.mail.internet. MimeMessage; 

public class EmailUtility { 

public static void sendEmail(String host, String port, 
final String userName, final String password, String toAddress, 
String subject, String message) throws AddressException, 
MessagingException { 

// sets SMTP server properties 

Properties properties = new Properties(); 
properties.put("mail.smtp.host", host); 


properties.put("mail.smtp.port", port); 


Self — Instructional 


properties.put(" mail.smtp.auth", "true"); 3 
Material 


properties.put("mail.smtp.starttls.enable", "true"); 


Authenticator auth = new Authenticator() { 0 { 56 


Lab : Web 
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NOTES 


Self — Instructional 
Material 


57 


public PasswordAuthentication getPasswordAuthentication() { 
return new PasswordAuthentication(userName, password); 

} 

}; 

Session session = Session.getInstance(properties, auth); 

// creates a new e-mail message 

Message msg = new MimeMessage(session); 
msg.setFrom(new InternetAddress(userName)); 
InternetAddress[] toAddresses = { new InternetAddress(toAddress) }; 
msg.setRecipients(Message.RecipientType.TO, toAddresses); 
msg.setSubject(subject); 

msg.setSentDate(new Date()); 

msg.setText(message); 

// sends the e-mail 

Transport.send(msg); 

} 

} 


2. Code E-mail form in JSP 


<%@ page language="java" contentType-" text/html; charset=ISO-8859- 
j 


pageEncoding="ISO-8859-1"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 


<html> 
<head> 


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 
1 " » 


«title» Send an e-mail</title> 


</head> Lab : Web 


Technology Lab 
<body> 


NOTES 
<form action="EmailSendingServlet" method="post"> 
<table border="0" width="35%" align="center"> 
<caption><h2>Send New E-mail</h2></caption> 
<tr> 
<td width="50%">Recipient address </td> 
<td><input type="text" name-"recipient" size="50"/> </td> 
</tr> 
<tr> 
<td>Subject </td> 
<td><input type="text" name="subject” size="50"/> </td> 
</tr> 
<tr> 
<td>Content </td> 
<td><textarea rows="10" cols="39" name="content"></textarea> </td> 
</tr> 


<tr> 


<td colspan="2" align="center"><input type="submit" 
value="Send"/></td> 


</tr> 

</table> 
</form> 
</body> 


Self — Instructional 
</html> Material 


Output 
58 


Lab : Web 
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NOTES 
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Е == — — — 
ГЕ Send an апай х i-a > ж” 
| С | D localhost ailSendingWeb 
Send New E-mail 
Recipient 
address 
Subject 


Content 


Send 


3. Code Java Servlet for sending e-mail 
EmailSendingServlet.java 

package net.codejava.email; 

import java.io. IOException; 

import javax.servlet.ServletContext; 

import javax.servlet.ServletException; 

import javax.servlet.annotation. WebServlet; 
import javax.servlet.http.HttpServlet; 

import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 


@WebServlet("/EmailSendingServlet") 


public class EmailSendingServlet extends HttpServlet { 


private String host; 
private String port; 
private String user; 
private String pass; 
public void init() { 


// reads SMTP server setting from web.xml file 


ServletContext context = getServletContext(); Lab : Web 


Technology Lab 
host = context. getInitParameter("host"); 


NOTES 
port = context.getInitParameter("port"); 
user = context.getlnitParameter("user”); 
pass = context.getInitParameter(" pass"); 
} 
protected void doPost(HttpServletRequest request, 
HttpServletResponse response) throws ServletException, IOException { 
// reads form fields 
String recipient = request.getParameter("recipient"); 
String subject = request.getParameter(" subject"); 
String content — request.getParameter("content"); 


String resultMessage = ""; 

try { 

EmailUtility.sendEmail(host, port, user, pass, recipient, subject, 
content); 

resultMessage = "The e-mail was sent successfully"; 

) catch (Exception ex) { 

ex.printStackTrace(); 

resultMessage = "There were an error: " + ex.getMessage(); 

} finally { 

request.setAttribute(" Message", resultMessage); 
getServletContext().getRequestDispatcher("/Result.jsp").forward( 


request, response); Self — Instructional 
Material 


} 


} 
} 


Lab : Web 
Technology Lab 


4. Configuring SMTP server 


// configure the settings for SMTP server in the web deployment descriptor 


NOTES file (web.xml) as follows: 


<?xml version="1.0" encoding="UTF-8"?> 
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xmlns-"http://java.sun.com/xml/ns/javaee" 
xmlns:webz"http://java.sun.com/xml/ns/javaee/web-app. 2. 5.xsd" 
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 
id="WebApp_ID" version="3.0"> 
<display-name>EmailSendingWebApp</display-name> 
<!-- SMTP settings --> 
<context-param> 
<param-name>host</param-name> 
<param-value>smtp.gmail.com</param-value> 
</context-param> 
<context-param> 
<param-name>port</param-name> 
<param-value>587</param-value> 
</context-param> 
<context-param> 
<param-name>user</param-name> 
<param-value> YOUR. EMAIL X/param-value? 

Self — Instructional 

Material </context-param> 
<context-param> 
<param-name>pass</param-name> 


61 
<param-value> YOUR_PASSWORD</param-value> 


</context-param> Lab : Web 
Technology Lab 


NOTES 
<welcome-file-list> 


<welcome-file>EmailForm.jsp</welcome-file> 
</welcome-file-list> 

</web-app> 

5. Code JSP result page 


Result.jsp 


<%@ page language="java" contentType="text/html; charset=ISO-8859- 
1" 


pageEncoding="ISO-8859-1"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" 


"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 
1 Ш > 


<title>Result</title> 

</head> 

<body> 

<center> 

<h3><%=request. getAttribute("Message")%></h3> 


</center> 


</body> Self — Instructional 


<html> Material 


OUTPUT: 


Lab : Web 
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C | D localhost8080/EmailSendingWebApp/ wg 


Send New E-mail 


Recipient 
address 


Subject Hi there 


webmaster @codejava net 


Dear webmaster, 
I like your website.| 


Thanks. 


/ [а] Result 
- С | D localhost:8080/Emz 


The e-mail was sent successfully 


Write a program for authentication page using Session Handling in web 
application 


//Deployment descriptor web.xml of the web application 
<?xml version="1.0" encoding="UTF-8"?> 


<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xminsz"http://java.sun.com/xml/ns/javaee" 
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 


http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" 
version="3.0"> 


<display-name>ServletCookieExample</display-name> 


<welcome-file-list> 


<welcome-file>login.html</welcome-file> 
</welcome-file-list> 

</web-app> 

login.html 

<!DOCTYPE html> 

<html> 

<head> 

<meta charset="US-ASCII"> 

<title>Login Page</title> 

</head> 


<body> 


<form action="LoginServlet" method="post"> 


Username: <input type="text" name="user"> 


<br>Password: <input type="password” name="pwd"> <br> 


<input type="submit" value="Login"> 
</form> 

</body> 

</html> 

LoginServlet.java 

package com.journaldev.servlet.session; 
import java.io. IOException; 

import java.io.PrintWriter; 

import javax.servlet.RequestDispatcher; 
import javax.servlet.ServletException; 
import javax.servlet.annotation.WebServlet; 


import javax.servlet.http.Cookie; 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web import javax.servlet.http.HttpServlet; 


Technology Lab 
import javax.servlet.http.HttpServletRequest; 


NOTES 
import javax.servlet.http.HttpServletResponse; 


ж 

ж Servlet implementation class LoginServlet 

*/ 

@WebServlet("/LoginServlet") 

public class LoginServlet extends HttpServlet { 
private static final long serial VersionUID = IL; 
private final String userID = "Pankaj"; 

private final String password = "journaldev"; 
protected void doPost(HttpServletRequest request, 


HttpServletResponse response) throws ServletException, IOException { 


// get request parameters for userID and password 
String user = request.getParameter(" user"); 


String pwd = request.getParameter("pwd"); 


if(userID.equals(user) && password.equals(pwd)){ 
Cookie loginCookie = new Cookie("user" user); 
//setting cookie to expiry in 30 mins 

See need loginCookie.setMaxA ge(30*60); 


Material response.addCookie(loginCookie); 


response.sendRedirect(" LoginSuccess.jsp"); 


} 


0s else 


{ 


RequestDispatcher rd = 
getServletContext().getRequestDispatcher("/login. html"); 


PrintWriter out= response.getWriter(); 


out.printIn(" «font color=red>Either user name or password is 
wrong.</font>"); 


rd.include(request, response); 
} 
} 
} 


LoginSuccess.jsp 


// timeout is set to 30 minutes 
<%@ page language="java" contentType="text/html; charsetZUS-ASCII" 
pageEncoding="US-ASCII"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 


<html> 
<head> 


<meta http-equiv="Content-Type" content="text/html; charset=US- 
ASCII"> 


<title>Login Success Page</title> 
</head> 

<body> 

<% 

String userName = null; 

Cookie[] cookies = request.getCookies(); 
if(cookies !=null){ 


for(Cookie cookie : cookies) { 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web 
Technology Lab 


NOTES 
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if(cookie.getName().equals("user")) userName = cookie.getValue(); 
} 
} 


if(userName == null) response.sendRedirect("login.html"); 
%> 

<h3>Hi <%=userName %>, Login successful.</h3> 
<br> 

<form action="LogoutServlet" method="post"> 
<input type="submit" value="Logout" > 
</form> 

</body> 

</html> 

LogoutServlet.java 

package com.journaldev.servlet.session; 

import java.io. IOException; 

import javax.servlet.ServletException; 

import javax.servlet.annotation.WebServlet; 
import javax.servlet.http.Cookie; 

import javax.servlet.http.HttpServlet; 

import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
import javax.servlet.http.HttpSession; 

ж 

ж Servlet implementation class LogoutServlet 
p 


@WebServlet("/LogoutServlet") 
public class LogoutServlet extends HttpServlet { 


private static final long serial VersionUID = IL; 


protected void doPost(HttpServletRequest request, HttpServletResponse 
response) throws ServletException, IOException { 


response.setContentType( text/html"); 
Cookie loginCookie - null; 

Cookie[] cookies = request.getCookies(); 
if(cookies != null)( 

for(Cookie cookie : cookies) { 
if(cookie.getName().equals("user")) { 
loginCookie = cookie; 

break; 

} 

} 

} 

if(loginCookie != null){ 
loginCookie.setMaxAge(0); 
response.addCookie(loginCookie); 


} 


response.sendRedirect("login.html"); 


Output: 


eoo Login Page 


< С |3 localhost:8080/ServletCookieExample/ 


Username: Pankaj 


Password: LLL 


Login 


Lab : Web 
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Lab : Web eoo 


Login Success Page 


Technology Lab 
- (e k localhost:8080/ServietCookieExample/LoginSuccess.jsp 
NOTES 
Hi Pankaj, Login successful. 
Logout 


LoginServlet.java 
package com.journaldev.servlet.session; 
import java.io. IOException; 
import java.io.PrintWriter; 
import javax.servlet.RequestDispatcher; 
import javax.servlet.ServletException; 
import javax.servlet.annotation.WebServlet; 
import javax.servlet.http.Cookie; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
import javax.servlet.http.HttpSession; 
public class LoginServlet extends HttpServlet { 
private static final long serial VersionUID = IL; 
private final String userID = "admin"; 
private final String password = "password"; 
protected void doPost(HttpServletRequest request, 
Self — Instructional 
Material HttpServletResponse response) throws ServletException, IOException { 
String user = request.getParameter(" user"); 


E String pwd = request.getParameter("pwd"); 


if(userID.equals(user) && password.equals(pwd)){ 
HttpSession session = request.getSession(); 
session.setAttribute(" user", "Pankaj"); 

//setting session to expiry in 30 mins 
session.setMaxInactiveInterval(30*60); 

Cookie userName = new Cookie("user", user); 
userName.setMaxAge(30*60); 
response.addCookie(userName); 
response.sendRedirect(" LoginSuccess.jsp"); 

jelse( 


RequestDispatcher rd — 


getServletContext().getRequestDispatcher("/login.html"); 


PrintWriter out= response.getWriter(); 


out.printIn(" «font color=red>Either user name or password is 


wrong.</font>"); 
rd.include(request, response); 
} 

} 

) 


LoginSuccess.jsp 


<%@ page language="java" contentType="text/html; charsetZUS-ASCII" 


pageEncoding="US-ASCII"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 


<html> 


<head> 


<meta http-equiv="Content-Type" content="text/html; charset=US- 


ASCII"> 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 


70 


Lab : Web <title>Login Success Page</title> 


Technology Lab 
</head> 


NOTES 
<body> 
//allow access only if session exists 
String user = null; 
if(session.getAttribute("user") == null){ 
response.sendRedirect("login.html"); 
}else user = (String) session.getAttribute("user”); 
String userName = null; 
String sessionID = null; 
Cookie[] cookies = request.getCookies(); 
if(cookies !=null)( 
for(Cookie cookie : cookies) { 


if(cookie.getName().equals("user")) userName = cookie.getValue(); 


if(cookie.getName().equals("JSESSIONID")) sessionID = 
cookie.getValue(); 


} 


%> 


<h3>Hi <%=userName %>, Login successful. Your Session 
ID=<%=sessionID %></h3> 


<br> 
User=<%=user %> 


Self — Instructional <br> 


Material <a href="CheckoutPage.jsp">Checkout Page</a> 


<form action="LogoutServlet" method="post"> 


71 <input type="submit" value="Logout" > 


</form> 

</body> 

</html> 

CheckoutPage.jsp 

<% @ page language="java" contentType="text/html; charsetZUS-ASCII" 
pageEncoding="US-ASCII"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 


<html> 
<head> 


<meta http-equivz" Content-Type" content="text/html; charset=US- 
ASCII"> 


<title>Login Success Page</title> 
</head> 

<body> 

<% 

<% 

//allow access only if session exists 
if(session.getAttribute("user") == null){ 
response.sendRedirect("login.html"); 

} 

String userName = null; 

String sessionID = null; 

Cookie[] cookies = request.getCookies(); 
if(cookies !=null){ 

for(Cookie cookie : cookies) { 


if(cookie.getName().equals("user")) userName = cookie.getValue(); 


Lab : Web 
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Lab : Web } 


Technology Lab 
} 


%> 


NOTES 


<h3>Hi <%=userName %>, do the checkout. </h3> 
<br> 
<form action="LogoutServlet" method="post"> 
<input type="submit" valuez"Logout" > 
</form> 
</body> 
</html> 
LogoutServlet.java 
package com.journaldev.servlet.session; 
import java.io. IOException; 
import javax.servlet.ServletException; 
import javax.servlet.annotation.WebServlet; 
import javax.servlet.http.Cookie; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
import javax.servlet.http.HttpSession; 
ж 
ж Servlet implementation class LogoutServlet 
*/ 

Self — Instructional 

Material @WebServlet("/LogoutServlet") 
public class LogoutServlet extends HttpServlet { 


73 private static final long serial VersionUID = IL; 


protected void doPost(HttpServletRequest request, HttpServletResponse 
response) throws ServletException, IOException { 


response.setContentType( text/html"); 

Cookie[] cookies = request.getCookies(); 

if(cookies != null){ 

for(Cookie cookie : cookies) { 
if(cookie.getName().equals("JSESSIONID")){ 
System.out.println("JSESSIONID="+cookie. get Value()); 
break; 

} 

} 

} 


//invalidate the session if exists 

HttpSession session = request.getSession(false); 
System.out.printIn("User="+session.getAttribute("user")); 
if(session != null){ 

session.invalidate(); 

} 

response.sendRedirect("login. html"); 

} 

} 


Output: 


eoo Login Page 


< e localhost: 8080 /ServletHttpSessionExample /login.html 


Username: admin 
Password: |. PI | 
Login 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 
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Lab $ Web eoo Login Success Page 


Technology Lab € > С! localhost 8080/ServietttpSes 
NOTES Hi admin, Login successful. Your Session IDzC97B37B942592A46FF531542A36FCO0D2 
User=Pankaj 
Checkout Page 
Logout 
eoo Login Success Page - 
<- С localhost:8080/ServietHttpSessionExample/CheckoutPage.jsp 
Hi admin, do the checkout. 
Logout 


21. Write the program for cookies manipulation in user login page using 
Getting and setting Cookies 


index.html 

<form action="login"> 

User Name: <input type="text" name="userName"/> <br/> 
Password:<input type="password” name="userPassword"/> <br/> 
<input type="submit" value="submit"/> 

</form> 

MyServlet1.java 

import java.io.*; 

import javax.servlet.*; 

import javax.servlet.http.*; 


public class MyServlet1 extends HttpServlet 


Self — Instructional ( 
Material 
public void doGet(HttpServletRequest request, 


75 HttpServletResponse response) { 


try{ 


response.setContentType( text/html"); 


PrintWriter pwriter = response.getWriter(); 


String name = request.getParameter("userName"); 


String password - request.getParameter("userPassword"); 


pwriter.print(" Hello "+name); 
pwriter.print(" Your Password is: "+password); 
//Creating two cookies 


Cookie cl=new Cookie("userName",name); 


Cookie c2=new Cookie("userPassword" password); 


// Adding the cookies to response header 
response.addCookie(c1); 


response.addCookie(c2); 


pwriter.print(" «br? «a href='welcome'> View Details</a>"); 


pwriter.close(); 

}catch(Exception exp) { 
System.out.println(exp); 

} 

} 

} 

MyServlet2.java 

import java.io.*; 

import javax.servlet.*; 

import javax.servlet.http.*; 

public class MyServlet2 extends HttpServlet { 
public void doGet(HttpServletRequest request, 


HttpServletResponse response)( 
try{ 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 
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Lab : Web Cookie c[]=request.getCookies(); 


Technology Lab 
//Displaying User name value from cookie 


NOTES 
pwriter.print("Name: "+c[1].getValue()); 
//Displaying user password value from cookie 
pwriter.print(" Password: "+c[2].getValue()); 
pwriter.close(); 
}catch(Exception exp) { 
System.out.println(exp); 
} 
} 


} 
web.xml 
<web-app> 
<display-name>BeginnersBookDemo</display-name> 
<welcome-file-list> 
<welcome-file>index.html</welcome-file> 
</welcome-file-list> 
<servlet> 
<servlet-name>Servlet1</servlet-name> 
<servlet-class>MyServlet1 </servlet-class> 
</servlet> 
<servlet-mapping> 
a ИИ. <servlet-name>Servlet1</servlet-name> 
Material <url-pattern>/login</url-pattern> 
</servlet-mapping> 


<servlet> 
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<servlet-name>Servlet2</servlet-name> 
<servlet-class>MyServlet2</servlet-class> 
</servlet> 

<servlet-mapping> 
<servlet-name>Servlet2</servlet-name> 
<url-pattern>/welcome</url-pattern> 
</servlet-mapping> 

</web-app> 


Welcome Screen 


X; web.xml M) MyServlet1.java J MyServlet2.java index.html Ф http://localhost 


LI dm http://localhost:8080/BeginnersBookDemo/index.htm 


User Name: ChaitanyaSingh 
Password: esscccccesese 


submit 


After clicking Submit 


X. web.xmi M) MyServlet1.java 24) MyServiet2 java [5] index.html Ф http://localhost:8C 


Hello ChaitanyaSinghYour Password is: BeginnersBook 
View Details 


After clicking View Details 


X; web.xmi M) MyServlet1.java 24) MyServlet2.java ja) index.htm! Q hitp://localhost:80€ 


= 


M LJ d http://localhost:8080/BeginnersBookDemo/welcome 


Name: ChaitanyaSinghPassword: BeginnersBook 


21. writea simple Registration rjsp program 


<%@ page language="java" contentT'ype-" text/html; charset=ISO-8859- 
1" 


pageEncoding="ISO-8859-1"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/htm14/loose.dtd"> 


t в. > http://localhost:8080/BeginnersBookDemo/login?userName=ChaitanyaSingh&userPassworc 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 
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Lab : Web <head> 
Technology Lab 


<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 
NOTES 1"> 

<title>Guru Success Page</title> 

</head> 

<body> 

<a><b>Welcome User!!!!</b></a> 

</body> 

</html> 

Registration.java 

package demotest; 

import java.io. IOException; 

import javax.servlet.RequestDispatcher; 

import javax.servlet.ServletException; 

import javax.servlet.http.HttpServlet; 

import javax.servlet.http.HttpServletRequest; 

import javax.servlet.http.HttpServletResponse; 

ж 

ж Servlet implementation class guru_register 

public class guru_register extends HttpServlet { 

private static final long serialVersionUID = 1L; 


protected void doPost(HttpServletRequest request, HttpServletResponse 
response) throws ServletException, IOException { 

Self — Instructional // TODO Auto-generated method stub 

марта String first name = request.getParameter("first name"); 
String last. name = reguest.getParameter("last name"); 
*/ 
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String username = request.getParameter(" username"); Lab : Web 


Technology Lab 
String password = request.getParameter(" password"); 


NOTES 
String address = request.getParameter(" address"); 
String contact = request.getParameter("contact"); 
if(first name.isEmpty() || last name.isEmpty() || username.isEmpty() || 
password.isEmpty() || address.isEmpty() || contact.isEmpty()) 
{ 


RequestDispatcher req = request.getRequestDispatcher("register 1.jsp"); 


req.include(request, response); 
else 


RequestDispatcher req = request.getRequestDispatcher("register_2.jsp"); 
req.forward(request, response); 

} 

} 

} 


Output 


€ С й |D localhost:8080/test/register 1.jsp 


Guru Register Form 


First Name диги 
Last Name test 
UserName gurutest Self — Instructional 
"t Material 
Password ӨЫ 


Address India 


Contact No |9879656567] 80 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 
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€ С й D localhost:3080/test/guru. register 


Welcome User!!!! 


22. Write a JSP program for Registration form using JDBC 
Registration page (registration.jsp) 


<%@ page language="java" contentT ype="text/html; charset=ISO-8859- 
|" 

pageEncoding="ISO-8859-1"%> 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 
<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 
1"> 

<title>User Data</title> 

</head> 

<style> 

div.ex { 

text-align: right width:300px; 

padding: 10px; 

border: 5px solid grey; 

margin: Opx 

} 

</style> 

<body> 

<h1>Registration Form</h1> 

<div class="ex"> 

<form action="RegistrationController" method="post"> 
«table style="with: 50%"> 


<tr> 


<td>Full Name</td> Lab : Web 


<td><input type="text" name="fullname" /></td> Technology Lab 
</tr> NOTES 

<tr> 

<td>Username</td> 


<td><input type="text" name="userName" /></td> 
</tr> 

<tr> 

<td>Password</td> 

<td><input type="password" name="pass" /></td> 
</tr> 

<tr> 

<td> Address</td> 

<td><input type="text" name="address" /></td> 
</tr> 

<tr> 

<td>Age</td> 

<td><input type="text" name="age" /></td> 

</tr> 

<tr> 

<td> Qualification </td> 

<td><input type="text" name="qual" /></td> 

</tr> 

<tr> 

<td>Percentage</td> 

<td><input type="text" name="percent" /></td> 
</tr> 

<tr> 

<td> Year Passed</td> 

<td><input type="text" name="yop" /></td> 

ч Material 
</table> 

<input type="submit" value="register" /> 


</form> 


Self — Instructional 
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Lab : Web <br> 
Technology Lab create a student table in test database before registering this form 
NOTES <br> Syntax : <br> 

<i>create table student(name varchar(100), userName varchar(100), pass 

varchar(100), addr varchar(100), age int, qual varchar(100), percent 

varchar(100), year varchar(100));</i> 

</div> 

</body> 

</html> 


web.xml 


<?xml version="1.0" encoding="UTF-8"?> 
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
xmlns="http://java.sun.com/xml/ns/javaee" 


xsi:schemaLocation="http://Java.sun.com/xml/ns/Javaee 


http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
id="WebApp_ID" version="2.5"> 
<display-name>registration</display-name> 
<welcome-file-list> 
<welcome-file>registration.jsp</welcome-file> 
</welcome-file-list> 

<servlet> 

<description> </description> 
<display-name>RegistrationController</display-name> 
<servlet-name>RegistrationController</servlet-name> 
<servlet-class>com.candidjava.RegistrationController</servlet-class> 
</servlet> 

<servlet-mapping> 
<servlet-name>RegistrationController</servlet-name> 


Self — Instructional 
Material <url-pattern>/RegistrationController</url-pattern> 


</servlet-mapping> 


</web-app> 
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RegistrationController.java 


import java.io. IOException; 
import java.io. PrintWriter; 

import java.sql.Connection; 

import java.sql.DriverManager; 
import java.sql.PreparedStatement; 
import java.sql. SQLException; 


import javax.servlet.RequestDispatcher; 
import javax.servlet.ServletException; 

import javax.servlet.http.HttpServlet; 

import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 


жж 
ж Servlet implementation class UserDataServlet 
*/ 
public class RegistrationController extends HttpServlet { 
protected void doPost(HttpServletRequest request, HttpServletResponse 
response) throws ServletException, IOException { 
// TODO Auto-generated method stub 
response.setContentType( text/html"); 
PrintWriter out = response.getWriter(); 
String name = request.getParameter("fullname"); 
String userName = request.getParameter("userName"); 
String userName = request.getParameter("userName"); 
String pass = request.getParameter("pass"); 
String addr = request.getParameter("address"); 
String age = request.getParameter("age"); 
String qual = request.getParameter("qual"); 
String percent = request.getParameter(" percent"); 
String year = request.getParameter(" yop"); 


// validate given input 

if (name.isEmpty() || addr.isEmpty( || age.isEmpty() || qual.isEmpty() || 
percent.isEmpty() || year.isEmptyC)) { 

RequestDispatcher rd = 
request.getRequestDispatcher("registration.jsp"); 
out.printIn(" «font color=red>Please fill all the fields</font>"); 

rd.include(request, response); 

} else { 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 
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Lab : Web try { 


Technology Lab Class.forName("com.mysql.jdbc.Driver"); 
// loads mysql driver 
NOTES Connection con = 
DriverManager.getConnection("jdbc:mysql://localhost:3306/test", "root", 
"root”); 
String query = "insert into student уашев(2,2,2,2,2,2,2,2)" 
PreparedStatement ps = con.prepareStatement(guery); // generates sql 
query 


ps.setString(1, name); 
ps.setString(2, userName); 
ps.setString(3, pass); 
ps.setString(4, addr); 

ps.setInt(5, Integer.parseInt(age)); 
ps.setString(6, qual); 
ps.setString(7, percent); 
ps.setString(8, year); 


ps.executeUpdate(); // execute it on test database 
System.out.println("successfuly inserted"); 
ps.close(); 


con.close(); 
} catch (ClassNotFoundException | SQLException e) { 


// TODO Auto-generated catch block 
e.printStackTrace(); 


} 
RequestDispatcher rd = request.getRequestDispatcher("home.jsp"); 


rd.forward(request, response); 
} 

} 

} 


Success page (home.jsp) 


<%@ page language="java" contentType="text/html; charset=ISO-8859- 
1 " 

pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 


Self — Instructional Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 


Material <html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 
1"> 

85 «title» Display </title> 


<style> 


table#nat{ Lab : Web 


width: 50%; Technology Lab 
background-color: #c48ec5; 

} NOTES 

</style> 

</head> 

<body> 

<% 
String name = request.getParameter("fullname"); 
String userName = request.getParameter("userName"); 
String pass = reguest.getParameter("pass"); 
String addr = request.getParameter(" address"); 
String age = request.getParameter(" age"); 
String qual = request.getParameter(" qual"); 
String percent = request.getParameter(" percent"); 
String year = request.getParameter(" yop"); 

%> 

<table id ="nat"> 

<tr> 
<td>Full Name</td> 
<td><%= name %></td> 

</tr> 

<tr> 
<td>User Name</td> 
<td><%= userName %></td> 

</tr> 

<tr> 
<td>Address</td> 
<td><%= addr %> </td></tr> 

<tr> 
<td>Age</td> 

<td><%= age %></td> 

</tr> 

<tr> 


<td>Qualification</td> 
<td><%= qual %> </td> 


</tr> 
<tr> Self — Instructional 
<td>Percentage</td> Material 
<td><%= percent %> </td> 
</tr> 
<tr> 


<td>Year of Passout</td> 
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Lab : Web 
Technology Lab 


NOTES 
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«td» «962 year 965 «/td» 

</tr> 

</table> 

<br> 

use " <i> select * from student; </i> " in mysql client to verify it. 
</body> 

</html> 


OUTPUT: 


Registration Form 


Full Name didjava 
Username candidjava 


Password secese 
Address Chennai 
Age 23. 
Qualification ME 
Percentage 70 
Year Passed |2010 
register 


23. Develop an Application for JSP-Servlet Communication 


Crunchify.jsp 


<% @ page language="java" contentTypez text/html; charset=ISO-8859- 
1" 


pageEncoding="ISO-8859-1"%> 


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 
Transitional//EN" 


"http://www.w3.org/TR/html4/loose.dtd"» 


<html> 


background-image: Lab : Web 
Technology Lab 


url(‘https://cdn.crunchify.com/wp- 

content/uploads/2013/03/Crunchify.bg_.300.png'); NOTES 
} 

</style> 


<head> 


<meta http-equiv="Content-Type" content="text/html; charset=ISO- 
8859-1"> 


<title>Crunchify JSP Servlet Example</title> 
</head> 
<body> 


<div align="center” style="margin-top: 50рх;"> 


<form action="CrunchifyServlet"> 


Please enter your Username: <input type="text" name="username" 
size="20px"> <br> 


Please enter your Password: <input type="text" name="password" 
size="20px"> <br><br> 


<input type="submit" value="submit"> 
</form> 

</div> 

</body> 

</html> 


</html> 


HelloCrunchify.java 


Self — Instructional 


package com.crunchify.jsp.servlet; Material 
import java.io. [OException; 


import javax.servlet.ServletException; 
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Lab : Web import javax.servlet.http.HttpServlet; 


Technology Lab 
import javax.servlet.http.HttpServletRequest; 


NOTES 
import javax.servlet.http.HttpServletResponse; 
import java.io.Print Writer; 


public class HelloCrunchify extends HttpServlet { 


protected void doGet(HttpServletRequest request, HttpServletResponse 
response) throws ServletException, IOException { 


// reading the user input 

String username = request.getParameter(" username"); 
String password = request.getParameter(" password"); 
PrintWriter out = response.getWriter(); 

out.println ( 


"<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 
Transitional//EN\" +" + 


"http://www.w3.org/TR/html4/loose.dtd\">\n" + 

"<html> \n" + 

"<head> \n" + 

"<meta http-equiv=\"Content-Type\" content=\"text/html; " + 
"charset=ISO-8859-1\"> Mn" + 

"<title> Crunchify.com JSP Servlet Example </title> M" + 
"</head> \n" + 

"<body> «div align='center'> \n" + 

"<style= \"font-size=\"12px\" color="black'\"" + "V'>" + 


Self — Instructional "Username: " + username + " <br> " + 


Material n " 
Password: " + password + 


"</font> </body> M" + 


89 "</html>" 


); Lab : Web 


Technology Lab 
} 

NOTES 
} 
Web.xml: 


<?xml version="1.0" encoding="UTF-8"?> 
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 


xminsz"http://java.sun.com/xml/ns/javaee" 
xmins:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 


xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 


version="3.0"> 
<display-name>CrunchifyJSPServletExample</display-name> 
<welcome-file-list> 
<welcome-file>index.html</welcome-file> 
<welcome-file>index.htm</welcome-file> 
<welcome-file>index.jsp</welcome-file> 
<welcome-file>default.html</welcome-file> 
<welcome-file>default.htm</welcome-file> 
<welcome-file>default.jsp</welcome-file> 
</welcome-file-list> 

<servlet> 

<servlet-name>Hello</servlet-name> 
<servlet-class>com.crunchify jsp.servlet.HelloCrunchify</servlet-class> 


</servlet> 


Self — Instructional 


<servlet-mapping> 
Pping Material 


<servlet-name>Hello</servlet-name> 


<url-pattern>/CrunchifyServlet</url-pattern> 


Lab : Web 
Technology Lab 


NOTES 


Self — Instructional 
Material 
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</servlet-mapping> 
</web-app> 


Output: 


localhost:8080/CrunchifyJSPServietExample/Crunchify.jsp ® M 


JSP Serviet Example 


Please enter your Username: crunchify 
Please enter your Password: Password 


submit 


24. write a program for Database connectivity using console 


import java.sql.*; 
class EmployeeRecord 
{ 
public static final String DBURL = 
"jdbc:oracle:thin: @ localhost: 1521:XE"; 
public static final String DBUSER = "local"; 
public static final String DBPASS = "test"; 
public static void main(String args[]) 
{ 
try 
{ 
//Loading the driver 
Class.forName("oracle.jdbc.driver.OracleDriver"); 
//Cretae the connection object 
Connection con = DriverManager.getConnection(DBURL, 
DBUSER, DBPASS); 
//Insert the record 
String sql = "INSERT INTO emp (emp. id, empname, email, 
city) VALUES (?, ?, ?, 2)"; 
PreparedStatement statement = con.prepareStatement(sql); 
statement.setInt(1, 100); 
statement.setString(2, "Prashant"); 
statement.setString(3, "prasant@saxena.com"); 
statement.setString(4, "Рипе"); 


int rowsInserted = statement.executeUpdate(); 
if (rowsInserted > 0) 
{ 


System.out.printIn(" A new employee was inserted successfully n"); Lab : Web 


} Technology Lab 
// Display the record 
Strin = ж ". NOTES 

g 5911 = "SELECT * FROM Emp"; 


Statement stmt = con.createStatement(); 
ResultSet result = stmt.executeQuery(sql1); 


while (result.next()) 

{ 
System.out.println (result.getInt(1)+" "+ 
result.getString(2)+" "+ 
result.getString(3)+" "+ 
result.getString(4)); 


//Update the record 
String sql2 = "Update Emp set email = ? where empname = ?"; 
PreparedStatement pstmt = con.prepareStatement(sg12); 
pstmt.setString(1, "Jaya@ gmail.com"); 
pstmt.setString(2, "Jaya"); 
int rowUpdate = pstmt.executeUpdate(); 
if (rowUpdate > 0) 
{ 

System.out.printIn("\nRecord updated successfully! Ха”); 
} 
//Delete the record 
String $4913 = "DELETE FROM Emp WHERE empname=?"; 
PreparedStatement statement] = con.prepareStatement(sg13); 
statement1.setString(1, "Prashant"); 


int rowsDeleted = statement1.executeUpdate(); 
if (rowsDeleted > 0) 
{ 
System.out.printIn(" A Employee was deleted 
successfully n"); 


} 
} 
catch(Exception ex) 
| . 
ex.printStackTrace(); Self — Instructional 
} Material 
} 
} 


Lab : Web 
Technology Lab 


NOTES 
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Material 
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ү, 


C:\Windows\system32\cmd,exe 


ress any key to continue . . . 


0 
0 
03 


new employee was inserted successfully! 


25. Database Programming using JDBC(Create, Read,Update, Delete) 


index.html 


<!DOCTYPE html> 

<html> 

<head> 

<meta charset="[SO-8859-1"> 

<title>Insert title here</title> 

</head> 

<body> 

<h1>Add New Employee</h1> 

<form actionz"SaveServlet" method="post"> 
<table> 


<tr><td>Name:</td><td><input type="text" name="name"/></td 
></tr> 


«tr? «td» Password: <#> <td><input type="password" name="pass 
word"/></td></tr> 


<tr> <td>Email:</td><td><input typez"email" name="email"/></t 
d></tr> 


<tr> «td? Country: </td> <td> 


<select name="country” style="width: 150px"> 


JantianN Indiad ТАТЫ сууу N 


<option>India</option> Lab : Web 


Technology Lab 
<option>USA </option> 


NOTES 
<option>UK</option> 
<option>Other</option> 
</select> 


</td></tr> 


<tr><td colspan="2"><input type="submit" value="Save Employe 
e"/></td></tr> 


</table> 
</form> 
<br/> 
<a href="ViewServlet">view employees</a> 
</body> 
</html> 
Emp.java 
public class Emp { 
private int id; 
private String name,password,email,country; 
public int getIdQ { 
return id; 
} 
public void setId(int id) { 
this.id = id; 
Self — Instructional 
public String getName() { Material 


return name; 


} 


Lab : Web public void setName(String name) { 


Technology Lab 
this.name = name; 


NOTES 


public String getPassword() { 

return password; 

} 

public void setPassword(String password) { 
this.password = password; 

} 

public String getEmail() { 

return email; 

} 

public void setEmail(String email) { 
this.email = email; 

} 

public String getCountry() { 

return country; 

} 

public void setCountry(String country) { 


this.country = country; 


} 
} 


EmpDaoj 
Self — Instructional тр=ао„ауа 


Material import java.util.*; 


import java.sql.*; 


95 public class EmpDao { 


public static Connection getConnection() { 
Connection con=null; 

try{ 
Class.forName("oracle.jdbc.driver.OracleDriver"); 


con=DriverManager.getConnection("jdbc:oracle:thin: @ localhost: 


1521:xe","system"," oracle"); 
}catch(Exception e){System.out.println(e); } 
return con; 

} 

public static int save(Emp e){ 

int status=0; 

try{ 

Connection con=EmpDao.getConnection(); 
PreparedStatement ps=con.prepareStatement( 
"insert into user905(name,password,email,country) values (2,2,2,2) 
"); 

ps.setString(1,e.getName()); 
ps.setString(2,e.getPassword()); 
ps.setString(3,e.getEmail()); 
ps.setString(4,e.getCountry()); 
status=ps.executeUpdate(); 

con.close(); 

}catch(Exception ex){ex.printStackTrace(); } 
return status; 

} 

public static int update(Emp e){ 


int status=0; 


Lab : Web 
Technology Lab 


NOTES 
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Lab : Web 
Technology Lab 


NOTES 
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try{ 
Connection con=EmpDao.getConnection(); 
PreparedStatement ps=con.prepareStatement( 


"update user905 set name=?,password=?,email=?,country=? wher 
e id=?"); 


ps.setString(1,e.getName()); 
ps.setString(2,e.getPassword()); 
ps.setString(3,e.getEmail()); 
ps.setString(4,e.getCountry()); 
ps.setInt(5,e.getId()); 
status=ps.executeUpdate(); 

con.close(); 

}catch(Exception ex) [ex.printStackTrace(); } 
return status; 

} 

public static int delete(int id){ 

int status=0; 

try{ 

Connection concEmpDao.getConnection(); 


PreparedStatement ps-con.prepareStatement(" delete from user905 
where id=?"); 


ps.setInt(1,id); 

status=ps.executeUpdate(); 

con.close(); 

}catch(Exception e){e.printStackTrace(); } 


return status; 


} 


public static Emp getEmployeeByld(int id) { 
Emp e=new Етр(); 

try{ 

Connection con=EmpDao.getConnection(); 


PreparedStatement ps-con.prepareStatement("select * from user9 
05 where id=?"); 


ps.setInt(1,id); 

ResultSet rs=ps.executeQuery(); 
if(rs.next()){ 

e.setId(rs.getInt(1)); 
e.setName(rs.getString(2)); 
e.setPassword(rs.getString(3)); 
e.setEmail(rs.getString(4)); 
e.setCountry(rs.getString(5)); 

} 

con.close(); 

}catch(Exception ex){ex.printStackTrace(); } 
return e; 

} 

public static List<Emp> getAllEmployees(){ 
List<Emp> list=new ArrayList<Emp>(); 
try{ 

Connection con=EmpDao.getConnection(); 


PreparedStatement ps-con.prepareStatement("select * from user9 
05"); 


ResultSet rs=ps.executeQuery(); 


while(rs.next()){ 
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Lab : Web Emp e=new Етр(); 


Technology Lab 
e.setId(rs.getInt(1)); 


NOTES 
e.setName(rs.getString(2)); 
e.setPassword(rs.getString(3)); 
e.setEmail(rs.getString(4)); 
e.setCountry(rs.getString(5)); 
list.add(e); 
} 


con.close(); 


}catch(Exception e){e.printStackTrace(); } 


return list; 


} 
} 
SaveServlet.java 

import java.io. IOException; 

import java.io.PrintWriter; 

import javax.servlet.ServletException; 

import javax.servlet.annotation.WebServlet; 

import javax.servlet.http.HttpServlet; 

import javax.servlet.http.HttpServletRequest; 

import javax.servlet.http.HttpServletResponse; 
и, @WebServlet("/SaveServlet") 


Material public class SaveServlet extends HttpServlet { 


protected void doPost(HttpServletRequest request, HttpServletRes 
99 ponse response) 


throws ServletException, IOException { 


response.setContentType( text/html"); Lab : Web 


Technology Lab 
PrintWriter out=response.getWriter(); 


NOTES 
String name-request.getParameter(" name"); 
String password-request.getParameter(" password"); 
String email-request.getParameter(" email"); 
String country=request.getParameter("country"); 
Emp e=new Emp(); 
e.setName(name); 
e.setPassword(password); 
e.setEmail(email); 
e.setCountry(country); 
int status=EmpDao.save(e); 
if(status>0){ 
out.print("<p>Record saved successfully!</p>"); 


request.getRequestDispatcher("index.html").include(request, resp 
onse); 


}е1зе{ 

out.println("Sorry! unable to save record"); 
} 

out.close(); 

} 

} 


EditServlet.java 


i t java.io. IOException; 
пир ыы ФЕН Self — Instructional 


import java.io.PrintWriter; Material 


import javax.servlet.ServletException; 
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import javax.servlet.annotation.WebServlet; 
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import javax.servlet.http.HttpServlet; 

import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
@WebServlet("/EditServlet") 

public class EditServlet extends HttpServlet { 


protected void doGet(HttpServletRequest request, HttpServletRes 
ponse response) 


throws ServletException, IOException { 

response.setContentType( text/html"); 

PrintWriter out=response.getWriter(); 

out.printIn(" «h1» Update Employee</h1>"); 

String sid=request.getParameter("id"); 

int id=Integer.parseInt(sid); 

Emp e=EmpDao.getEmployeeByld(id); 

out.print(" «form action="EditServlet2' method-' post? "); 
out.print("<table>"); 


out.print("<tr><td></td> <td><input type="hidden’ name='id' value 
z"-e.getId()-" 7» </td></tr>"); 


out.print(" «tr» «td» Мате: </td> «td» «input type-'text' name='nam 
е value=""+e.getName()+"'/> </td></tr>"); 


out.print(" «tr? «td» Password: </td> <td><input type="password’ na 
+e.getPassword()+"'/> 


me='password' value= 
</td></tr>"); 


out.print("<tr><td>Email:</td> <td><input type='email' name='em 
ail' value=""+e.getEmail()+"'/> </td></tr>"); 


out.print("<tr><td>Country: </td><td>"); 
out.print(" «select name='country' style='width:150px'>"); 


out.print(" «option? India«/option? "); 


out.print("<option>USA</option>"); Lab : Web 


Technology Lab 
out.print("<option>UK</option>"); 


NOTES 
out.print("<option>Other</option>"); 
out.print("</select>"); 


out.print("</td> </tr>"); 


out.print("<tr><td colspan='2'><input type='submit' value='Edit & 
Save '/></td></tr>"); 


out.print("</table>"); 
out.print("</form>"); 
out.close(); 
} 
} 
EditServlet2.java 
import java.io. IOException; 
import java.io.PrintWriter; 
import javax.servlet.ServletException; 
import javax.servlet.annotation.WebServlet; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
@WebServlet("/EditServlet2") 
public class EditServlet2 extends HttpServlet { 


protected void doPost(HttpServletRequest request, HttpServletRes 
ponse response) 

If — Instructional 
throws ServletException, IOException { Ser Ms STUNT 
Material 
response.setContentType(" text/html"); 


PrintWriter out=response.getWriter(); 102 
String sid=request.getParameter("id"); 


Lab : Web int id=Integer.parseInt(sid); 
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String name-request.getParameter(" name"); 


NOTES 

String password-request.getParameter(" password"); 

String email-request.getParameter(" email"); 

String country-request.getParameter("country "); 

Emp e=new Етр(); 

e.setId(id); 

e.setName(name); 

e.setPassword(password); 

e.setEmail(email); 

e.setCountry(country); 

int status=EmpDao.update(e); 

if(status>0) { 

response.sendRedirect(" ViewServlet"); 

jelse( 

out.printIn(" Sorry! unable to update record"); 

} 

out.close(); 

} 

} 

DeleteServlet.java 

import java.io. IOException; 
kaklema import javax.servlet.ServletException; 
Material import javax.servlet.annotation.WebServlet; 

import javax.servlet.http.HttpServlet; 


ve import javax.servlet.http.HttpServletRequest; 


import javax.servlet.http.HttpServletResponse; Lab : Web 


Technology Lab 
@WebServlet("/DeleteServlet") 


NOTES 
public class DeleteServlet extends HttpServlet { 


protected void doGet(HttpServletRequest request, HttpServletRes 
ponse response) 


throws ServletException, IOException { 
String sid=request.getParameter("id"); 
int id=Integer.parseInt(sid); 
EmpDao.delete(id); 
response.sendRedirect(" ViewServlet"); 
} 
} 
ViewServlet.java 
import java.io. IOException; 
import java.io.PrintWriter; 
import java.util.List; 
import javax.servlet.ServletException; 
import javax.servlet.annotation.WebServlet; 
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
@WebServlet("/ViewServlet") 
public class ViewServlet extends HttpServlet { 


protected void doGet(HttpServletRequest request, HttpServletRes A 
Self — Instructional 


onse response | 
P P ) Material 


throws ServletException, IOException { 


response.setContentType(" text/html"); 104 
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PrintWriter out=response.getWriter(); 

out.printIn(" «a hrefZ'index.html'» Add New Employee</a>"); 
out.printIn(" «h1» Employees List</h1>"); 

List<Emp> list=EmpDao.getAllEmployees(); 

out.print(" «table border='1' width='100%""); 


out.print("<tr><th>Id</th><th>Name</th><th>Password</th><th 
^»Email«/th* «th» Country </th> 


<th>Edit</th><th>Delete</th> </tr>"); 
for(Emp e:list)( 


out.print("<tr><td>"+e.getld()+" </td><td>"+e.getName()+" </td> 
<td>"+e.getPassword()+"</td> 


<td>"+e.getEmail()+" </td><td>"+e.getCountry()+" </td> <td> <a h 
ref="EditServlet?id="+e.getld()+"">edit</a></td> 


«td» «a href="DeleteServlet?id="+e.getId()+"">delete</a></td></tr 
Si 


} 
out.print(" </table>"); 
out.close(); 


} 


Output: 


Fill the new Record and submit it into database 


е С D localhost г Q © = 


Add New Employee 


Name: Rahul Kumar 
Password: (енне 
Email гаһикк@атай com 


Country: India 


Save Employee 


New Record Inserted Into Database 


Recorded List in Database 


- ох 
В Insert title here x 
€ C | [5 localhost9765/CrudServlet/SaveServlet av 2, = 
Record saved successfully! 
Add New Employee 
Name: 
Password: 
Email: || 
Country: | India у 
Save Employee | 
view employees 
n x 
Ü localhost9765/CrudServi- х 
< С“ р localhost:9765/CrudServlet/ViewServlet ay ® = 


Add New Employee 


Employees List 


Updated Data in Database 


|1] Маше  jPasword| — кшш — it Delete, 
63/Amit Kumar  [amtkmjj45 |amitkumarQ gmail.com delete 
61 Rahul Kumar |rahul4000 |rahulkk/g gmail.com India [еди [delete 
162 |Ѕопоо Jaiswal |sonoobsk |sonoojaiswall987(Zgmailcom [India ledit delete 
|44 |адагвһ kumar kkkkk ladarsh232(@gmail.com India ledit [delete 
Change or Update the Existing Data 
= о х 
[D locathost:9765/CrudServic Xx 
€ > С [D localhost:9765/CrudServlet/EditServiet?id=63 av e Е 
Update Employee 
Name: Amit Kumar Rana 
Passwonk |н 
Email: amitkumar12@gmail.com 
Country: |India М 
| Edit & Save | 
= О x 


n 
< 


localhost:9765/CrudServ 


x 


> С П localhost:9765/CrudServlet/ViewServlet 


Add New Employee 


Employees List 


® 
=“ 
ЕР 
lle 
m 


Id Name Password | Email Country |Edit [Delete 
63 2 s Бе amtkmjj45 lamitkumar12(@gmail.com India — |edit [delete 
61 [Rahul Kumar irahul4000 |rahulkk(g gmail.com India edit |delete 
62 |Ѕопоо Jaiswal  |sonoobsk |sonoojaiswall987(gmailcom| India edit [delete | 
44 ladarsh kumar kkkkk ladarsh232@gmail.com India edit [delete | 
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Delete an Record From Database 


= О х 
В locathost9765/CrudServic х 
С С | [3 localhost:9765/CrudServiet/ViewServiet av 2, = 
| Add New Employee 
| . 
Employees List 
| 
Id Name Password Email Country Edit Delete| 
63 He nit Kumar lamtkmjj45jamitkumarl2@gmail.com India ledit ЗЕ 
(61 Rahul Kumar rahul4000 |rahulkk/2 gmail.com [India ledit |delete 
162 |Ѕопоо Jaiswal ^ |sonoobsk |sonoojaiswall987(Zgmailcom|India edit |delete 


